Hello,

I'd like to modify the CSS to change the color of the headers - H1, H2 etc. My efforts using Firefox CSS tools have not been successful. I gave up on trying to change the menu styles. Can you please tell me what CSS file needs to be changed, or is it as easy as creating my own style sheet to override the current styles? If this is the case, what are the steps?

Comments

pixture’s picture

pixture commented

Edit style.css.
Color of some h2 and h3 elements can changed from theme settings page (such as sidebar h2, node h2).

bwill’s picture

bwill commented

OK, I'll take a look at that, but I seem to remember seeing H2 headings underlined. Does the settings page cover that as well?

bwill’s picture

bwill commented

Looked at style.css - did not see any color styles for heading tags. I also do not see anyting in settings to change colors for h2 and h3. In Firefox firebug, the color for H1 is Inherited fromdiv#main.clearfix, When an h2 tag is entered on a page, Firebug gives the following info for colors.css?lhrph2 (line 131)

#content .node h2 {
background-color: transparent;
color: #534336;

But if I search colors.css for #534336, I do not find it. I did find where the h2 is styled to be underlined in styles.css....

I just want to change the color style for the heading tags.

pixture’s picture

pixture commented

You need to add new styles that specifies the colors of headings. There's no existing styles for them.

mermentau’s picture

mermentau commented
Issue summary: View changes
Status: Active » Closed (works as designed)

Closing old issues that have lain dormant over a year without a response from either side. Please reopen in the advent there's still interest.