Heading sizes

[caspiton]

hi guys
i must be honest,
i have been trying now for hours to figure out how to control the body/ content/ h1 h2 h3...... font sizes in a predefined matter. so i dont have to redo them all if i decide to change the size later... just like css....
i looked at the typography options and the font manager. i read your knowledge base but have not succeeded.
i have been designing sites since 2007 and i am a copywriter. please instruct me how to do so and please hire someone who can explain things clearly. this is an ongoing matter with your knowledge base, you have a great site with many features but are lacking sufficient manuals.

Thanks
Amir

[Prasant]

Hello @caspiton,

Thanks for asking.

There are couple of ways to setup fonts sizes. One is font manager wherein you get the option to select the font and save the changes so that it becomes a template. After that you can use the same font in various elements like headline or text element. Same elements present you the option to change font sizes for each individual elements. Second you can use custom CSS to set the font sizes as per your requirement.

Let me share both the solutions and you can use any of them as per your requirement.

• Font Manager: To help you get started, I have recorded a video screencast. Please take a look.

If you would like to explore font manager in more detail, please take a look at following article.

Font Manager

This article was last updated on the May 17, 2018. Table of Contents Overview Pro v2.1.0+ and X v6.1.0+ Pro v2.0.4- and X v6.0.4- FAQ Overview The Font Manager is one of the easiest ways to manage your fonts with no hassle and instant updating site wide! Going back and changing 20+ font options is a thing of the past. Pro v2.1.0+ and X v6.1.0+ To get started, open up your builder and click on the cog icon in the left bar to open up the Settings Modal. Below is a screenshot of where you…

• You can add following CSS under X > Theme Options > CSS to change the font sizes:

h1, .h1 { font-size: 10px !important; }
h2, .h2 { font-size: 10px !important; }
h3, .h3 { font-size: 10px !important; }
h4, .h4 { font-size: 10px !important; }
h5, .h5 { font-size: 10px !important; }

Thanks.

[system]

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