A link to your site would help.
It looks to me as though you just need to use specificity to get the correct rule selected, but without being able to look at your page it’s very hard to say.
Cheers
PAE
ecraftmedia(dot)com/worldclassac
Firebug informs that the style rule is in the HTML file, and a quick ‘View Source’ confirms that this is the case. So you’re going to have to use specificity. Something like:
body.home #main h2 {
/* Your properties */
}
The way that the cascade and specificity work is explained on this page.
HTH
PAE
Where do I put that code? This is what I have on my css line that controls those headings:
29 .replace { color:#0082c0;}
Presumably the ’29’ in the code you quote is a line number, so I’ll ignore that. The actual CSS instructs the browser to use a background colour of #0082C0 on any element that has the class of ‘replace’.
If you look in Firebug, you will see that all your pages h2 and h3 elements have the class ‘replace’, but you will also see that the colour set there is overridden by the rule for ‘#main h2, #main h3’ and so on. This is because an id trumps a class in specificity as you will see if you follow the link I gave you in my last post.
So you need a rule like the one I gave you, to which you can add ‘.replace’ if you like. For example, this would do:
body.home #main h2.replace {
/* your properties */
}
If you do that, the rule will be even more specific than the one I gave you.
As for where you put the rule, the best thing would be for you to create a child theme and put it there, at the end of the child theme’s style sheet, since child themes are the only recommended way of making changes to themes. However if you’re prepared to take the risk of updates to the theme overwriting your changes and don’t want to create a child theme, you should add the new rule to the end of the theme’s style sheet.
HTH
PAE