CODEWITHSUNDEEP
csswordpresszurb-foundationfont-sizehtml-heading
Thibaud Clement
Thibaud Clement

Reputation: 6897

Foundation: how to change h2 font-size?

On our WordPress blog, it seems the style is inherited from the foundation.css file.

In particular, the font-size of headings, that we would like to change.

For instance, on this page, when we inspect element, it seems that the font-size of h2 is defined in foundation.css, on line 2813.

So, we changed the size of h2 in the foundation.css file, on this very particular line, but we still get the same result.

It seems like something it overriding our changes.

What is the right way to change headings font-size?

Upvotes: 1

Views: 904

Answers (2)

Jean-philippe Emond
Jean-philippe Emond

Reputation: 1614

If you change the size and it doesn't work into your css,

You can Add the !important; parameters at the end of the line. Ex.:

h2 { font-size: 30px !important; }

please, read this if you want to know how to use it. Don't abuse of !important if not necessary!!

Best regards,

Upvotes: 1

bjorke
bjorke

Reputation: 3305

Be sure to flush the cache when you refresh the page to see your changes to foundation.css. It's possible that your browser is caching the previous version of foundation.css and your changes are being ignored while it renders (but external users may be seeing them).

Try shift-cmd-R in Chrome, or have the JS console open, and a pulldown menu will appear on the refresh button (in Chrome).

Upvotes: 0

Related Questions