How to adjust size of h1, h2, h3 in pro theme

Support
#21

Hi,

I apologize for not providing more information.

Below are the current available settings that xtheme and pro have that pertains to font sizes and color.

  1. Global Font Settings

Xtheme
X > Launch > Options > Typography

PRO
PRO > Launch > Theme Options > Typography

Detials explanation for each settings can be found here

Please note that Content Font Size has higher priority than your Root Font Size

  1. Font Manager - https://theme.co/apex/forum/t/features-font-manager/101

  2. Color Manager - https://theme.co/apex/forum/t/features-color-manager/102

  3. Custom Headline size and color (Individual setting)

The only thing that is missing is the global font size settings for the heading h1,h2,h3,h4,h5…
thus we provided you with a custom css code to achieve this. This is also what I was referring to add as a feature request.

Thanks

1 Like
#22

dear paul, thanks for explaining!

…and since the content font size in the text element can’t be inherited it always overrides the size of the root font size. so i wonder what the root font size is for? same applies to font weight.

1 Like
#23

The root font size is applied to the HTML tag. That is where all text in your site is based on. If you increase the root font size, all of the em, rem and % based text will increase in size relative to the root font size.

To understand this best, you need to grasp the concept of modern responsive typography.
Here’s another one.

The Body font-weight applies to regular text in your site like the text in your text widget, regular blog post not created with Cornerstone, the Classic Text element and all of the text that will inherit the body font settings.

The Heading font-weight applies to regular headings like the post title, widget title and all the text that will inherit the following selectors h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6.

If you’re wondering why you need to setup V2 font size every time, this is because there is a plan for a template manager. Once this feature is realized, you will be able to create presets so you just have to select a preset and not set individually each time. Please read this news and I encourage you to join the discussion here.

Thanks.

1 Like
#24

thanks christian,
i think i understand that by now.
but if i set a content font size (rem) in typography nothing changes in the old or new text elements (set to inherit). font manager on. root font size mode: scaling.
so what for is that content font size (rem) setting in typography?
thanks again! kai

#25

Hi dear @iTurtle,

For more information regarding the REM value kindly check the articles below:

https://j.eremy.net/confused-about-rem-and-em/

The REM value will have a difference if you directly add a font size to the HTML tag yourself. Other than that the REM value in Typography settings will do nothing special.

Thank you.

#26

hi christopher,
in the v2 text element i set the font size to 1em. is that what you mean with “add a font size to the HTML tag yourself”?
thanks, kai

#27

Hey Kai,

I’m not sure what @christopher.amirian meant but going back to your reply:

“Content Font Size (rem)” will affect the sizing of all copy inside a post or page content area. It uses rems, which are a unit relative to your root font size. For example, if your root font size is 10px and you want your content font size to be 12px, you would enter “1.2” as a value. Headings are set with percentages and sized proportionally to these settings.

I just checked in the Theme Options and found it doesn’t work so I will post this to our issue tracker. If you need this setting, the Customizer way is the one that currently works.

Thanks for reporting.

#28

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