How do you change size of h1, h2, h3

How do you change sizes of header fonts without CSS? You used to be able to do this in customizer. Seems like everything is changed in CSS now.
Please advise.
I want to make all Header (H1, H2, H3) smaller proportionally. therisecollective.org.
Thanks for your help.

Hey There,

Currently, there is only way is using the custom CSS:

h1, .h1 {
    font-size:30px;
}
h2, .h2 {
   font-size:25px;
}
h3, .h3 {
   font-size:25px;
}

Just note that, by using the CSS codes given here, you understand that you are setting a fixed value to your headlines thus making them non-responsive. Further custom development is required to achieve that and we could not continue on providing that because that is outside the scope of our support. Please see our Terms.

X does not have specific font size options for the different levels of headlines. It has predesigned percentage based sizes.

Because it uses a percentage unit, you can make it bigger or smaller by setting the Root Font Size in Theme Options > Typography. As you will see in there, the Root Font Size has a responsive setting (Stepped or Scaling). Once you’ve set it, all regular text in the theme including text in the Classic elements will be responsive while retaining symmetry.

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.