Change font sizes

[janepmgt]

I want to define globally how h1, h2, h3, etc. and ‘paragraph’ text looks like. The difference between the sizing is too big. I want to specify font-family, size and colour - mostly size I guess I don’t really care about the other things. I’ve searched through the forums and it seems that through the global CSS is the only way to do it? However, the questions were really old so wanted to see if this is still the case. I also don’t really know how to code haha so fingers crossed. Using Pro btw! And integrity stack.

[ruenel]

Hello Jane,

Thanks for writing in!

The headings can be styled by going to Pro > Theme Options > Typography > Headings. You can define the font family and the letter spacing. The font sizes is using percents which will be based on the responsive typography or root font size. You can check this out to know more about Responsive Typography

• https://theme.co/changelog/#theme-pro-1-1-0

If you just want a custom css to change the font sizes, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

h1, .h1 {
  font-size: 150%;
}

h2, .h2 {
  font-size: 130%;
}

h3, .h3 {
  font-size: 110%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  font-size: 100%;
}

Hope this helps. Kindly let us know.