Docs

[Jeremy P]

My H1 headers are too large. Is there a way to make them smaller? I think I’ve seen in customizer the ability to space them differently, but I just need them smaller. I also know there are settings to make them look like a different heading size in Cornerstone but what if I’m just using the WordPress editor?

[Rue Nel]

Hello There,

Thanks for writing in! The font sizes of the headings is dependent on the font size of the body and content font size in the customizer, Appearance > Customize > Typography > Body And Content. To have a fixed font size, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

h1, .h1 {
  font-size: 34px;
}

h2, .h2 {
  font-size: 34px;
}

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

h4, .h4 {
  font-size: 24px;
}

h5, .h5 {
  font-size: 184px;
}

h6, .h6 {
  font-size: 16px;
}

Or you can apply the responsive text for your custom headline in Cornerstone and manage it in Settings > Responsive Text. To know more and how you can properly set up the responsive text, please check it out here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

[Author]

Posts