Primary / Links / Icons color
Secondary / button color
Dark Background Color
Light Background Color
Accent Background Color
Color
Style Kit Colors
Manage the essential colour system of your layouts in the Theme Style Editor.
Typography
Heading 1
In Style Kits you have complete flexibility of the Typographic styles. Adjust the styles for the Body and Headings typography panels in Style Kits.
Feature Heading 3
An example with an icon box
This is Heading 2
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 a standard link.
This is Heading 3
This is Heading 4
This is Heading 5
This is Heading 6
Typography
Heading 1
This section uses the sk-dark-bg class. Handy if you want to see how the typography colours look over a dark background context.
Feature Heading 3
An example with an icon box
This is Heading 2
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 3
This is Heading 4
This is Heading 5
This is Heading 6
TExt Sizes
This is XXL Text
This is XL Text
This is Large Text
This is Medium Text
This is Small Text
Heading Sizes
XXL Heading
XL Heading
Large Heading
Medium Heading
Small Heading
Buttons
Button Styles
Dynamic button style control
Head over to the Style Kits panel, and open the Buttons tab to customise the style of each button size.
Accent background
Here's a section with an accent background colour class.
Forms
Contact Form Style
You can change the default styles of the Elementor form by customising the Forms panel in the Style Kit sidebar.
Default Column Gap
The Default column Gap defines the default padding of the columns in your Elementor Layouts.
This Is A H1 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lectus urna duis convallis convallis tellus id interdum velit. Sit amet tellus cras adipiscing enim eu turpis.
Viverra vitae congue eu consequat ac felis donec. In pellentesque massa placerat duis ultricies lacus. Ullamcorper sit amet risus nullam eget felis. Ut ornare lectus sit amet est placerat. Mattis pellentesque id nibh tortor id aliquet lectus proin nibh.
This is a H2 subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Cras tincidunt lobortis feugiat vivamus at augue. Morbi tincidunt augue interdum velit euismod in pellentesque. Adipiscing tristique risus nec feugiat in.
- Cras tincidunt lobortis.
- Adipiscing tristique risus.
- Mattis pellentesque id nibh.
Etiam non quam lacus suspendisse faucibus interdum posuere lorem. Tellus id interdum velit laoreet id donec ultrices tincidunt arcu. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor.
- Cras tincidunt lobortis.
- Adipiscing tristique risus.
- Mattis pellentesque id nibh.
- Lorem ipsum dolor sit amet.
H2 Heading
H3 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lectus urna duis convallis convallis tellus id interdum velit. Sit amet tellus cras adipiscing enim eu turpis. Viverra vitae congue eu consequat ac felis donec. In pellentesque massa placerat duis ultricies lacus. Ullamcorper sit amet risus nullam eget felis. Ut ornare lectus sit amet est placerat. Mattis pellentesque id nibh tortor id aliquet lectus proin nibh.
This Is A Customiser H4
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an
This Is A Customiser H5
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes).
- This is an example page. It’s different from a blog post because it will stay
- in one place and will show up in your site navigation (in most themes).
- Most people start with an About page that introduces them to potential site visitors.
- It might say something like this:
This Is A Customiser H3
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
This Is A Customiser H2
As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Etiam non quam lacus suspendisse faucibus interdum posuere lorem. Tellus id interdum velit laoreet id donec ultrices tincidunt arcu. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor.
