Changing header (h2) color in CSS

• 

  carolynprice · Member · Jul 19, 2012 at 1:01 am

  • Copy link
  • Add topic to favorites

  Hi,

  I just purchased an upgrade thinking it would enable me to change my blue headings to brown, but for the life of me I cannot do it.

  I tried copying this code into the stylesheet field, but in preview mode nothing changes.

  h2 { color: yellow; background-color: 582F1B;}

  Anyone know if I’m doing the right thing?

  Caro

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

• 

  thesacredpath · Member · Jul 19, 2012 at 6:02 am

  • Copy link

  You appear to have incorporated your title into the header image. Are you still wanting to do this color change?

• 

  thesacredpath · Member · Jul 19, 2012 at 6:09 am

  • Copy link

  Wait, you’re talking about the post/page titles, correct?

  This following will change the color of the post/page titles:

  .entry-title, .entry-title a {
  color: brown !important;
  }

  If you want to change the hover color for the post titles on the main page, the following will allow you to do that.

  .entry-title a:hover {
  color: green !important;
  }

• 

  carolynprice · Member · Jul 19, 2012 at 12:59 pm

  • Copy link

  Yow – that’s exactly what I wanted! Thank you.

  The hover doesn’t seem to work – but it was the post title color that was most important to me.

  You just made me very happy sacredpath.

  Caro

• 

  thesacredpath · Member · Jul 19, 2012 at 6:31 pm

  • Copy link

  Hmmm, the hover code works for me using Firebug directly on your site. I just retested it.

• 

  carolynprice · Member · Jul 19, 2012 at 6:53 pm

  • Copy link

  Gosh really? So you’re saying that if I install Firebug I could get it to work?

  Do I need any CSS skills for that? (you’ve probably picked up on the fact that I have none)

  Thanks,
  Caro

• 

  carolynprice · Member · Jul 19, 2012 at 6:56 pm

  • Copy link

  Just looked at Firebug….don’t think that’s going to happen! Looks like serious developer stuff to me :)

• 

  thesacredpath · Member · Jul 19, 2012 at 6:57 pm

  • Copy link

  No, Firebug is a Firefox add-on that allows you to identify CSS selectors and such more easily and it also allows you to test changes real-time while looking at your site.

• 

  carolynprice · Member · Jul 19, 2012 at 6:58 pm

  • Copy link

  Oh ok….maybe I do need that as my home page looks funky in Firefox anyway.

• 

  designsimply · Member · Jul 31, 2012 at 2:32 pm

  • Copy link

  The home page should look good in Firefox by default without needing any adjustments. I checked out your site and I did notice that your “Dripprz™: How I make my dripping pendants.” post is using the image post format but it has a lot of text content—that could be what’s making it look funky to you.

• 

  carolynprice · Member · Jul 31, 2012 at 3:23 pm

  • Copy link

  Thanks, I didn’t even realize I was using a post format. I just clicked ‘new post’ and took what I got…

  I’ll look into that, thanks for that feedback.

• 

  designsimply · Member · Jul 31, 2012 at 3:48 pm

  • Copy link

  Post formats are cool, but they can do funky things if you accidentally set one and weren’t expecting anything to change. :)

  Cheers.