Typography settings for body text and headers

[HGPower]

Hello. I’ve been reading articles and everything I can find to help understand how the typography sizing settings are working in the customizer. The root font mode I’m using is stepped, units px and all display sizes are set to 16. My H1 heading is too large. Ideally, I want it to be about the size of the H2 heading on all pages. But when I decrease from 16px, my body text gets too small.
The body size is good as it is. What do I need to change to get the headers right? Thanks.

[paul.r]

Hi,

To change the size of the headings, you can add the code below in Theme Options > CSS

h1,.h1{ font-size:400%; }
h2,.h2{ font-size:285.7%; }
h3,.h3{ font-size:228.5%; }
h4,.h4{ font-size:171.4%; }
h5,.h5{ font-size:150%; }
h6,.h6{ font-size:100%; } 

You may change the font size as you wish.

Thanks

[HGPower]

@paul.r

To change the size of the headings

Thank you!

[rad]

You’re most welcome!