Hi,
I have an H1 on one of my pages. I tried changing the font size, but it shows the renew stylesheet is overriding it and making it 400%. How do I fix this?
Thanks.
Hi David,
The based of that 400% settings is here in root font size.
If it is H1 on content editor/ cornerstone it can be adjusted on element settings. I assume since it is not because of the screenshot you shared. The alternative of adjusting it is using a custom CSS, you can add it on CONTENT CSS. You can use the same selector from your screenshot:
h1, .h1{
font-size: 200%; /*Adjust this accodingly*/
}
Hope this helps.
It’s not the element settings, but I checked the link you provided for the root font size. I don’t see anything showing 400%. It’s currently set to “stepped” and all screen sizes are 14.
I don’t see any sizing options under headings. Only spacing.
I figured I could probably fix it with CSS, but I just assumed there was a setting causing the 400% that I could change.
Also, I know I can add content CSS, but why won’t the the element settings override the typography settings under theme options for color?
Thanks.
Hi David,
Since we can not view your site and the h1 that you’re referring to, we can only assume that you hardcoded the said h1 inside a text element or headline element. Do not do that, If you want an h1 headline, use the headline element and choose the h1 tag, and adjust the font-size option accordingly.
The 400% that you’re seeing is the default sizing of the h1 headline, each headline (h1 - h6) has this default sizing, this will be applied if you use classic headline or you hardcoded your headline. If for some reason you need to really hardcode your headline, then you need to throw a custom CSS to it to override that default 400% sizing.
Hope this shed some lights,
Cheers!
Thanks. That was the problem. I had it in a text element and hardcoded the H1. I switched it to the headline and element and it’s fine now. Thanks!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.