WordPress.com

1. jonwhitephotography
   Member
   Nov 4, 2011, 8:06 PM

   hi guys - wondering if someone could take a look at my site - see the text appearing in blue (tags, post categories etc.)

   How can I change the colour of these? I have type kit installed and figured out how to change post titles but can't figure this out. I have the custom CSS upgrade but have never used it or CSS - that stuff terrifies me so i'd need a step by step if changing involves this tool.

   thanks for any help in advance!

   The blog I need help with is jonwhitephotography.com.

2. timethief
   Member
   Nov 4, 2011, 8:10 PM

   Does this help? http://en.forums.wordpress.com/topic/font-color-change-for-custom-css-modularity-lite?replies=10#post-649841

3. thesacredpath
   Member
   Nov 4, 2011, 8:12 PM

   You need to change it in two places. Add the following to your CSS and edit the hex color codes as desired.

   a {
   color: #428CE7;
   }
   
   #sidebar .widget_categories ul li a, #footer .widget_categories ul li a, #sidebar .widget_twitter ul li a, #footer .widget_twitter ul li a {
   color: #428CE7;
   }

4. jonwhitephotography
   Member
   Nov 4, 2011, 8:20 PM

   yes, its mostly worked! I still have a 'more from me' in one of the widgets appearing blue though - any idea for thaT?

   May I also ask - see the back lozenges around my 'tag' boxes - how would I edit the colour for those, also the grey background - want to change to white as per my overall theme background?

   sorry for sneaking those in. amazed at your rapid responses guys!

5. thesacredpath
   Member
   Nov 4, 2011, 8:37 PM

   The flickr widget has its own styling and I didn't notice that the link at the bottom didn't change.

   #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {
   color: #3993FF;
   }

   On the background for the tags this should do it, and for the grey text color it's in the .quiet selector.

   .postmetadata {
       background: #000000;
   }
   
   .quiet {
   color: #666666;
   }

   I'm a little confused on the "grey background" you mention wanting to change to white. The only grey background I see is for the overall container.

Topic Closed

This topic has been closed to new replies.