Style Kit setup template

A utility template to help you set up your Style Kit
Extra Large Button

Primary Accent

Secondary Accent

Dark Background

Light Background

Accent Background

Color

Style Kit Colors

Manage the essential colour system of your layouts by defining these basic colors.

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

Medium Button

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

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

Medium Button

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.

Extra Large
Large Button
Medium button
Small button
XS button

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.

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in settings.

Accomms Least Wanted
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.