Overriding CSS sheets

[retched]

This is a simple question and forgive me for not going through the mountains of threads:

Currently my ZenCart uses the style sheet so that any H1 tag is treated with blue text and a horizontal rule underneath. What I'm wondering is there a way to revert, on demand, any H1 tag to its original style.

That is to have H1 tags appear normal using the inline sheet?

[DrByte]

Got a specific use case?

[gjh42]

You can address any <h1> tag which has an id (I think all of them do in ZC) in your template's stylesheet.

h1#yourHeading {text-decoration: whatever; color: whatever;}

Or you can address it by what container it is in:

#yourContainer h1 {text-decoration: whatever; color: whatever;}

[retched]

Got a specific use case?

http://www.justuptowngames.com/index...x&cPath=1_2_61

This will show you what I'm having a problem with and I'd rather not use the ID attribute and edit the CSS sheet if possible.

[retched]

You can address any <h1> tag which has an id (I think all of them do in ZC) in your template's stylesheet.

h1#yourHeading {text-decoration: whatever; color: whatever;}

Or you can address it by what container it is in:

#yourContainer h1 {text-decoration: whatever; color: whatever;}

This particular usage doesn't use id's. It's simply a tag CSS change where all usages of that tag by default use that CSS code.

[gjh42]

Of course the <h1> tag is styled for general usage. If you want specific <h1>s to not follow that style, you will have to style them differently - there is no getting around that. Doing this in the stylesheet is the recommended way of altering presentation.

[retched]

Of course the <h1> tag is styled for general usage. If you want specific <h1>s to not follow that style, you will have to style them differently - there is no getting around that. Doing this in the stylesheet is the recommended way of altering presentation.

Bleh. Something told me that so I just used firebug to tell me what was changed undid that through in-line styles.

Thanks anyways.

[DrByte]

Um ... You're using H1 tags all over the place.
Proper structure is to use H1 only ONCE per page. Search engines see multiple H1 tags as spammy, somewhat akin to keyword-stuffing.

Since you're styling all kinds of other stuff inline, why don't you just create your own new style and wrap a <span class="mystyle"> around it instead of a big long complex <h1 ..........> ?

[retched]

Um ... You're using H1 tags all over the place.
Proper structure is to use H1 only ONCE per page. Search engines see multiple H1 tags as spammy, somewhat akin to keyword-stuffing.

Since you're styling all kinds of other stuff inline, why don't you just create your own new style and wrap a <span class="mystyle"> around it instead of a big long complex <h1 ..........> ?

I was trying to find out what was the H1 header supposed to be like. I know it's like a size eighteen font but I forget after that.

EDIT: Nevermind, I just found it... and it's size 24 point text. Would you say it's probably better I redid all of the H1's as <p style="..."> instead?

[DrByte]

You can style it using whatever is best suited to your needs. Take care to watch out for inheritance from other defaults that might be set by whatever tag you choose. ie: <P> may have certain padding defaults already set, whereas <span> tags usually have no defaults so display exactly as you define them. You can find more about that topic on the W3C sites.

As for finding out what a given tag is set to, you can read it in the stylesheet of your template, and/or use a tool like FireBug to read it from your live site. There are numerous discussions about doing that elsewhere in these forums, as well as in your favorite search engine.