Holistic Design Control in Elementor
Style Kits allow you to define and maintain the most essential aspects of your Elementor-powered design system. Enjoy global typography, spacing and color management, right inside the Elementor editor.
Style Kits is like having a Customiser in the Elementor Editor
Experience macro-control of all your essential design variables like Typography, Spacing, buttons and colors. Save them as Style kits and create style presets that you can apply on any page, or globally.
Here is what you can control with Style Kits
For site owners
For designers & agencies
A global Style Kit means global styling control for all your layouts.
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.
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.
Get an unfair design advantage with a free, plug-and-play template gallery
How about clean templates with globally controlled styles? Check out a free collection of free templates and packs
Frequently asked questions
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.
However, some of the theme builder templates (Archives, singles etc) will not work if you do not have the Elementor Pro version.
Also, 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 documentation 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!