Global design controls

Style Kits extends the global styling control of Elementor's Theme Style Editor, offering more flexibility and consistency among your entire layout system

Extend global theme styles with an insanely-useful set of options

The perfect companion to Elementor's Theme Style options, Style Kits adds more flexibility to your global design.

Accent colors

Quickly define your primary and secondary accent colors for styling links, buttons, icons. throughout your layout.

Text and Heading Sizes

Get total control over Elementor's Text and Heading sizes and create your own scales for hassle-free typography

Column Gaps

Harness the power of Column gaps, the most essential aspect of your layout spacing system and instantly achieve site-wide spacing consistency for your columns.

New: Shadow presets (beta)

Globally manage shadows by using and creating your own shadow presets to apply on containers and many more elements.

Background color classes

With three intuitive background color classes, this is an easy way to macro-control the section background colors of your entire website.

Button Sizes

Enjoy styling control for each button size and stay consistent throughout your entire layout system

Outer Section Padding

Outer Section Padding allows you to manage the spacing of your primary sections, and avoid copy/paste of padding values among your sections.

New: Container padding (beta)

We already started supporting the upcoming Container element, and released an experiment for spacing presets.

Get Started with Style Kits Pro

Skyrocket your design workflow in Elementor and build better, more consistent sites with Style Kits.
5/5
"I love this plugin so much, not only are the designs amazing, but the control it allows you over global elements are priceless."
marianney

Hey! It's about cookies.

We use cookies to optimise your experience. By continuing browsing our website, you agree to our Privacy Policy