Defining styles: Headings
What you'll learn
How do headings' predefined styles work and why should you use them?
Headingss different from the predefined styles
Defining heading styles:
Headings are one of the most used elements when building a website.
If you want to speed up the construction of your website and make it easier to edit, you should make the headlines on your website persistent as soon as possible. In this tutorial, we'll show you how to do this and the benefits that come with it.
How do headings' predefined styles work and why should you use them?
For your website to be professional and beautiful to look at, all H1-H6 headings on it should have a fixed size and style.
However, you don't need to edit the appearance of each heading separately.
All you need to do is define the heading styles - you can do it in the Styles tab while creating the UI Kit for your website. For each heading from H1 to H6, you can choose a constant:
- Size
- Color
- Type of font
Headings different from the predefined styles
By setting headline styles, you will change the appearance of all headings on your website to match the styles you set.
If you decide that you want to change the appearance of several headings (to be different from the Styles Tab), you can do so by clicking on the heading and editing it individually by Widget Styles.
Defining heading styles:
- Select the Styles icon on the left sidebar.
- Select one of the H1-H6 heading tags.
- For each type of heading, you can define the style of size, color and font type.
- Click Save to save your styles!
(From now your styles will be automatically used for every heading on your domain).
Congratulations!
You already know how to define styles of your website headings!