Style Kits bring essential design controls inside the Elementor Editor
Here is what you can control with Style Kits
Headings and Text
Enjoy total, responsive control over your Typography, through dedicated panels for Body and Headings.
Responsive Column Gap control
Manage the available column gap spacing scale with responsive controls.
New! Global Button Styles!
Control the color and styling for every size of your Elementor buttons
Easy Style Kit Management
Import and export your style kits, and normal custom post types.
Site wide styling with a Global Style kits
Assign a Style Kit as Global, and it will apply on all the Elementor pages in your site.
Text and Heading Size controls
Get styling control over the default typographic sizes in Elementor.
Save your styles as a Style Kit and re-use on any page
Once your typography, colors and spacing is all-set, you can save them as a Style Kit. Now you can set a Style kit as Global and it will be applied on every page.
Want to use a different Style Kit on a specific page? Not a problem, simply select the Style Kit you want from the dropdown, and it will override the Global one.
Manage Typography for text and headings
Style Kits give you total control over the typography of your headings and text, as well as native Sizes.
With a single click you can export all the custom css included in your Style Kit, and use them in your child theme.
New! Manage Button Styling for every Button Size
Version 1.3 Introduces button styles for every size, so you can set your default style for each size and manage them with consistency and flexibility.
Get an unfair design advantage with 19 Free landing pages
With years of experience on multi-niche WordPress theme design we build flexible layouts that can be easily adapted and customized.
Global, dynamic colours that sync with your layouts (and the colour picker.)
Like Column Gaps do for columns, section gaps define the padding for the external (container) sections.
Style Kits Pro
Premium features that will power-up your Elementor design.
Style Kits is the perfect companion for Elementor Hello theme
Style Kits offer the Typographic and color control that you need in Elementor’s plain canvas Hello theme, making it a perfect add-on that will transform your workflow and give you site-wide control.
From the blog
Yes, as long as it runs on a self-hosted WordPress installation and has Elementor activated.
It works with any theme that is compatible with Elementor.
No, you do not need to have Elementor Pro in order to use the Style Kits.
In some templates, only the contact form widget is used which is an Elementor Pro Element, but you can easily replace with your own contact form shortcode.
They help you design layouts with consistency, scalability and most importantly, a single place of control for your most important design styles: Typography, Spacing and, (soon) Colours.
After you activate the plugin, you will find a new set of handful controls at the page style panel, in the Elementor Editor.
These controls allow you to control the typography, spacing and button styles, for your whole layout, or if you choose so, your whole website.
Then, after you are happy with your design styles, you can save them as a Style Kit, which is nothing else but a saved selection of your styles.
you can apply this Style Kit to any other page, or globally. See how to make a global Style Kit.
You can visit our Support site at docs.analogwp.com which is continuously updated.
Click on the chat bubble on the bottom right of this page and trigger a live chat with us, otherwise leave us a message and we will get back to you!
Access the Style Kits controls from anywhere
There is a shortcut for the Style Kits panel, accessible from anywhere, via the right-click menu.