Return to previous page

How to change global styling of headings?

This topic has 7 replies, 3 voices, and was last updated 9 months ago ago by Andrew Mitchell

atipikall

Participant

February 20, 2024 at 11:54

From xstore builder > Typography i can change only the paragraph font size. Where can i edit the headings styling?

#384019 Copied Theme version: 0.9.2.7

6 Answers

Rose Tyler

Support staff

February 20, 2024 at 12:31

Hello,

Thank you for reaching out to us with your query regarding typography settings in the XStore Builder.

To customize the styling for headings, you will need to navigate to the Theme Options panel. Once there, look for the ‘Typography’ section > Headings.

Best Regards,
8Theme’s Team

#384029 Copied

atipikall

Participant

February 20, 2024 at 12:37

I can’t change font-size of heading from there. I’ve attached a photo with all styling settings available.

I want to change font-size and color

Files is visible for topic creator and
support staff only.

#384031 Copied
Rose Tyler

Support staff

February 20, 2024 at 13:10
Hello,

We appreciate your prompt response.

You’re right, there is a color option only. We did not add option to manage font-size for the headings because the general option for every heading is not suitable for design in some cases.
You can change the size of the headings using custom CSS (Theme Options > Custom CSS)
```
body {
    --h1-size-proportion: 2.5714;
    --h2-size-proportion: 1.7142;
    --h3-size-proportion: 1.7142;
    --h4-size-proportion: 1.2857;
    --h5-size-proportion: 1;
    --h6-size-proportion: 0.8571;
}
```
Increase the value of the size-proportion according to your needs. h tags size is the calculation of the 1rem* size-proportion variable.

If you want to change the size just for some element (for example only for the widget titles) then let me know and I’ll give you a custom code to do that.

Or use the Yellow Pencil plugin to edit the styles (XStore > Plugin installer).

For content that cleared using Elementor the font size can be edited via Elementor settings.

Best Regards,
8Theme’s Team
#384042 Copied
atipikall

Participant

February 20, 2024 at 23:27

There is no other way beside adding custom css?

#384099 Copied

Rose Tyler

Support staff

February 21, 2024 at 08:16

Hello,

Thank you for getting in touch with us.

For content that cleared using Elementor the font size can be edited via Elementor settings. For example – https://prnt.sc/nybzC4GQbKkM https://prnt.sc/BIgAgnq6Eqro

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#384124 Copied

Andrew Mitchell

Support staff

February 25, 2024 at 01:38

Dear atipikall,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#384656 Copied
Tagged: change headers, customize templates, global styling, web design tips, woocommerce, wordpress templates, wordpress tutorial
Viewing 7 results - 1 through 7 (of 7 total)