An explanation of how css works - styles that aren't actually there.

[budfox]

Hi all.

I'm trying to modify my invoice page.

This is easy enough, except I don't understand how css works in the following example:

There's this line:
<td class="pageHeading">

But my stylesheet doesn't have a style called 'pageHeading'......

It has lots of things that include the word 'Heading', but not that one. However, a style is certainly being applied, and I can change it to a different style if I wish.

Maybe I'm being a bit css stupid, and whilst I understand that there are lots of tricks to be played within a stylesheet, I can't fathom out how you can use a style that doesn't exist.

Can someone help, it's a bit frusttraing.

Many thanks

[gjh42]

Until you make a declaration in the stylesheet, the tag in the code is simply null and does nothing. There are many tags in the ZC code that are just there for individual use when someone wants to customize a feature.

So put the class in your stylesheet:

.pageHeading {
     font-size: 3em;
     color: #aabbcc;
     } 

and style to your heart's content.

[budfox]

Weird, there must be another style in play, because whatever is affecting that bit of the invoices has 'smallcaps' applied amongst other things.

Anyway, thanks for the help, I'lll go and make that style.

[budfox]

Found It!

another .css in /admin

Didn't realise there was one there:-)