Heading settings (h1, h2, h3, etc?)

[pwsherman]

Is there someplace I can set the global heading size, font and color for each level? I only see settings for S, M, L, etc.

[jade]

Hello @pwsherman,

There is currently no option where you can set the global size for the headings but you can do it by adding these CSS blocks in X > Theme Options > CSS:

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

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

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

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

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

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

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[pwsherman]

This is a non-starter for me. You’d think after years of development, and a theme called “Pro” you would have theme settings for standard header typography.

I have three X Pro licenses I have abandoned for reasons like this.

X was probably one of the first theme builders to come out with a custom header and footer builder, but among other new themes/theme builders like Elementor and Avada, this one has got to the the most kludge and cumbersome I’ve tried to work with.

I was going to set up a test site and try to work with it, but I don’t want to have to set the font size and style for every h3 on the site. Much less, figure out how to use everything else.

I think what is worse is that there are no tutorials or video resources from the developers to learn from.

[nabeel]

Hey @pwsherman,

We’re sorry you’re having this issue. Another way of doing this is with Presets. You can save the setting of an individual element which would allow you to recall them on elements of the same type.

For example create presets of h1, h2, h3 and so on once and then you can simply apply preset to your headline element anywhere. We’ve a video tutorial here https://www.youtube.com/watch?v=Tem-4n_JhDk You can also refer to our docs here https://theme.co/docs/template-manager

We do have video tutorials from where you can learn plenty of stuff, please checkout our Youtube channel

Hope this helps!

[CulturalInfusion]

I was having the same issue. But this CSS code solves it.
I agree with @pwsherman in including that option somewhere on the builder because it should be a basic feature, and even add the screen size breakpoints, in case we need to readjust.
Another reason is the blog posts (if we use Gutenberg), where presets don´t work.

But I seriously disagree with Mr.pwsherman when it cames to compare Pro with Elementor or Avada. Pro is far better because it allows a level of complexity that others simply can´t.
Bottom line, Pro is for “Pros”. The others are for…the others.

Keep up the good work.

[ruenel]

Hey @PanInternational,

Thank you very much for your feedback.

Best Regards.