Changing post heading colour

• 

  stringfellowhawke · Member · Mar 18, 2010 at 3:52 pm

  • Copy link
  • Add topic to favorites

  Hi guys, if you check my blog out, you will see the main colour of the background is red, yet the neat theme has all the post headings and sidebar heading in blue.

  Can somebody tell me what CSS code i need to change these heading to red?

  Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Mar 18, 2010 at 3:59 pm

  • Copy link

  If this is your first experience with CSS editing a wordpress.com blog then I’d like to recommend that you read this post while you wait for help. http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

• 

  stringfellowhawke · Member · Mar 18, 2010 at 4:02 pm

  • Copy link

  thanks timethief, i have read that post before, it certainly provides some good advice.

• 

  devblog · Member · Mar 18, 2010 at 4:40 pm

  • Copy link

  Add this two selectors to your CSS:

  h2 a {color: #a00;}
  
  h2 a:hover {color: #f00;}

  Add this property to your “#sidebar h2” selector:

  color: #a00;

  So it should look like this:

  #sidebar h2 {
  background:none;
  border-bottom:solid 1px #343A54;
  color: #a00;
  margin:0 0 20px;
  padding:0 0 5px;
  }

  If you want the underline of the Sidebar titles be red too, change this in your “#sidebar h2” selector:

  border-bottom:solid 1px #343A54;

  to this:

  border-bottom:solid 1px #a00;

  That should do it.

• 

  stringfellowhawke · Member · Mar 18, 2010 at 4:48 pm

  • Copy link

  tremendous, devblog.

  final, final request

  i have changed the sidebar heading and underline to red… the smaller heading underneath are in blue.. and would look better in black

  could you please post the CSS code to change their colour also?

  you have been an immense help to me.

• 

  devblog · Member · Mar 18, 2010 at 4:55 pm

  • Copy link

  I’m sorry, am a bit lost…

  the smaller heading underneath are in blue

  What are you referring to? Would you tell me in what widget this is happening?

  BTW, I see your titles are still blue.

• 

  devblog · Member · Mar 18, 2010 at 4:56 pm

  • Copy link

  never mind, they’re red now.

• 

  stringfellowhawke · Member · Mar 18, 2010 at 4:58 pm

  • Copy link

  under the Content heading,… About, Contact, Life and Times of Wenger are in blue.

  same again under Recent posts.

• 

  stringfellowhawke · Member · Mar 18, 2010 at 5:06 pm

  • Copy link

  They fall under Pages and Recent posts widget btw

• 

  devblog · Member · Mar 18, 2010 at 5:08 pm

  • Copy link

  Oh, you’re talking about the links. Well, visually having the links in blue (or any other color – but black – for that matter) helps your readers identify them from regular text; otherwise, they won’t know they can actually click them. So, I would strongly advise you against making them black.

  Having said that, if you still want them black, this is the code:

  #sidebar a {color: #000;}

  Alternatively, it would be better if you made the links darkish blue just to give your reader a hint that those are actually links. If you’d like to try that, the code is this:

  #sidebar a {color: #339;}

• 

  stringfellowhawke · Member · Mar 18, 2010 at 5:10 pm

  • Copy link

  You are a star, not sure how i can repay you for all this help?

  Please ask.

• 

  devblog · Member · Mar 18, 2010 at 5:11 pm

  • Copy link

  Thank you. Just pay it forward whenever you can.

• 

  stringfellowhawke · Member · Mar 18, 2010 at 5:13 pm

  • Copy link

  i understand, and shall certainly do as such when i can help others on the forum.

  thank you once again.