Overwriting font size with Custom css

ixbix

It seems that it is not possible to overwrite the font size via css.

If I give my text a class name and then in the theme options / custom css the changes (background etc) are applied but the font size does not work.

I tried to switch off Auto font size, but it doesn't change anything, my css entry is overwritten.

What is the reason for this?  

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ixbix

Hi Phil, thanks for the support. Maybe I can tell you what I want to do. I want to calculate my text on the whole page with vw, so that the text adapts smoothly to all sizes.  

e.g. with:

font-size: clamp(1rem, -0.875rem + 8.333vw, 3.5rem);

Unfortunately, this does not work because the CSS entries for the font-size cannot be overwritten. 

the website is here: https://www.temporary-url.com/A564E5

Thank you!

Phil

If you want to overwrite all fonts on your website you can use the following CSS:

html body *{
 font-size: clamp(1rem, -0.875rem + 8.333vw, 3.5rem);
}

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ixbix

Thanks, I know how css works, can you please read the entire post?

Phil

Sorry for the misunderstanding. Can you share the whole CSS you prepared, please?

Did you try adding !important?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next