Search code examples
csswordpresszurb-foundationfont-sizehtml-heading

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?

Solution

  • 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,