WordPress.com

1. waggintailsrv
   Member
   Jul 31, 2012, 12:42 AM

   I understand the concept to using CSS for format control. How to I figure out which tag relates to which component of the blog?
   Example: I know I can change post fonts by changing the font definition in the following tag.
   #content .post {
   border-bottom: 1px solid #ddd;
   clear: both;
   font-size: .95em;
   line-height: 1.6;
   margin: 0 0 40px;
   overflow: hidden;
   padding: 0 0 40px;
   }
   I could also add a color definition to this tag if I want to change the font color of blog posts.
   I can't figure out which tag I use to change the of widget information.

   The blog I need help with is waggintailsrv.com.

2. chrisrudzki
   Staff
   Jul 31, 2012, 6:57 PM

   Howdy,

   You can use a tool like Firebug or Safari Web Inspector to inspect your site's HTML output, and locate the selector that controls a particular element of your site.

   We have a list of CSS resources if you're interested in learning more about CSS:
   http://en.support.wordpress.com/custom-design/editing-css/#css-help

   Could you give me a few more details about what you're trying to change about your widgets?

   I'll be happy to help you with the CSS. :-)

3. thesacredpath
   Member
   Jul 31, 2012, 7:24 PM

   Firebug is a great tool, and this little bit from a true CSS guru should help a little with understanding things.

   atthe404 on CSS:

   There is no trick. But doing CSS requires an understanding of the markup (xhtml). There is no way round that. The CSS applies styles to stuff. To what stuff depends on the markup. So number one read the source (View Source). Get used to it. Feel comfortable with it. Two. Understand what the heck selectors actually are. Different cats of selectors behave in different ways. SO: this is counter intuitive. To understand the CSS do not start in CSS. Start in the xhtml. Then see how they relate. Its all there. :)

4. waggintailsrv
   Member
   Jul 31, 2012, 8:40 PM

   chrisrudzki, I want to change the the cyan color of the widget link and menu kinks to something darker like the color of site name.

   thesacredpath - thanks for the tip.

5. timethief
   Member
   Jul 31, 2012, 8:42 PM

   hex color codes here > http://html-color-codes.com/

6. designsimply
   Staff
   Aug 21, 2012, 7:09 PM

   I want to change the the cyan color of the widget link and menu kinks to something darker like the color of site name.

   Looks like you got this figured out using the following CSS. Nice work!

   a {
   	color:#1561cb;
   	text-decoration:none;
   }

Topic Closed

This topic has been closed to new replies.