Change H1 font size

[Syler]

Hi Guys,

How can I change the H1 (Page Title) font size please?
It looks just oddly too big.
v6.0.8 Foundation Skin.

Many Thanks,
Syler

[bsmither]

In the file cubecart.default.css, add a new rule:

h1 { font-size: 1rem; }
/* Adjust to suit. */

 

[Syler]

Yoohooo.. Thank you bsmither.

So does this mean I can overwrite ALL styling using the cubecart.default.css ?

[bsmither]

Yes.

Except for any rule property that has !important after it. And except for any style declared directly in the HTML tag, such as <p style="color:green;">. And except for any rule that is much more specific than what you want to change, such as:
#page_content #product_wrapper #product_description h1 { font-size:1.25rem; }
which will only apply to h1 tags that are part of the product description that is part of the View Product page that is part of the main content -- as opposed to anything else that wants to be an h1.

So, mostly yes. You just have to make sure your rules in cubecart.default.css (which gets loaded last and that is why it overrules earlier loaded rules) are more, or just as, specific than what you want to overrule.