Typography and buttons

A utility template to help you set up your typography and button styles using the Style Kits panel.
To access the Style Kits panel, simply click the Style Kits link in the secondary menu from anywhere:)

This is Heading One

Go to the Style Kit panel, and manage the whole typography on this layout via a number of useful controls. You can also set up your Buttons and Column Gaps. 

This is Heading Two

Try experimenting with the Heading sizes, for example if you tweak the Heading 2 value, the heading title above this text must change accordingly. 

Keep in mind that individual element styles override the Style Kit values, so for Style Kits to work, the element must not have manually added styles.

This is Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
This is Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

This is Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Button Styles

In the Style kits panel you also have controls for the Elementor buttons, and specifically for each of their five sizes. This helps you to consistently manage the styles of your buttons. 

Try dropping a new button widget here, and turn it into a different size. You should see that each size can have a completely different size.

a span heading in small size

A section with dark background class

Feature Heading 3

The title of this icon box is Heading 3, and this description is body text. Try tweaking the H3 value in the Style Kit panel

Feature Heading 3​

The title of this icon box is Heading 3, and this description is body text. Try tweaking the H3 value in the Style Kit panel

Feature Heading 3

The title of this icon box is Heading 3, and this description is body text. Try tweaking the H3 value in the Style Kit panel

a span heading in small size

A section with light background class

Feature Heading 3

The title of this icon box is Heading 3, and this description is body text. Try tweaking the H3 value in the Style Kit panel

Feature Heading 3​

The title of this icon box is Heading 3, and this description is body text. Try tweaking the H3 value in the Style Kit panel

Feature Heading 3

The title of this icon box is Heading 3, and this description is body text. Try tweaking the H3 value in the Style Kit panel

Close Menu
WP Feedback

Dive straight into the feedback!
Login below and you can start commenting using your own user instantly

×
×

Cart