base.css values font:inherit; over-riding all other betheme font values.

On one of our client websites, the fonts are not showing correctly.

Upon inspection, it shows that base.css has a css property of font:inherit; and font-size:100%; and when I deactivate those properties the appropriate styling appears.

So, basically, if I have set a bunch of font sizes under BeTheme Options > Fonts > Size & Style for H1, H2, H3, etc. ... those font sizes are being overridden by the base.css properties of font:inherit; and font-size:100%;

Please advise on how to fix this?  I have added !important; tag to all of my font declarations in my style.css but that hasn't fixed it.

Comments

  • Hi,
    You don't have to worry about it, 'inherit' is not a font - it's just taking the font from a parent element.
    Also, do not change fonts in your style.css - only place where you should change it in the Theme Options > Fonts > Family

    Thanks
Sign In or Register to comment.