Styling h1 Product Name

[wotnow]

Hi .. using web dev toolbar ..

h1#productName .productGeneral {
font-size:0.8em;
color:#ccc;
font-weight:normal;
font-variant:small-caps;}

WHY isnt this working?????

Thanks for your thoughts

Site is: http://www.rosedakinjewellery.com.au...products_id=15

[FragaGeddon]

If you just want to style the H1, then just look for H1 by itself.
Here you are styling .productGeneral and not H1.
That CSS says stlye anything named .productGeneral that's inside a #productName tag that's inside an H1 tag.


Edit: Sorry I mistook Hi for H1, lol.

[badarac]

Hi .. using web dev toolbar ..

h1#productName .productGeneral {
font-size:0.8em;
color:#ccc;
font-weight:normal;
font-variant:small-caps;}

WHY isnt this working?????

Thanks for your thoughts

Site is: http://www.rosedakinjewellery.com.au...products_id=15

Try this:
h1#productName, .productGeneral

[FragaGeddon]

You need a space inbetween h1 and #productName.

[wotnow]

Thanks for your input .. i had already tried adding the space and many other variations but its still not working. With the addition of the comma .. it styles the whole description as well.

[badarac]

Thanks for your input .. i had already tried adding the space and many other variations but its still not working. With the addition of the comma .. it styles the whole description as well.

Sometimes it just takes a fresh set of eyes.

[wotnow]

And the fresh set of eyes see how to style this?

[FragaGeddon]

Did you try and put } onto the next line?
Right now you have it at the very end of that line, and maybe it has to be on a seperate line.

[FragaGeddon]

And I believe you need a space after :

Try this:

h1 #productName .productGeneral {
font-size: 0.8em;
color: #ccc;
font-weight: normal;
font-variant: small-caps;
}

And I think .8 is pretty small for a header size.

[FragaGeddon]

I coloured the H1 red.