WordPress plugin
Style Kits Pro for Elementor Styles and Layouts
Style Kits Pro extends Elementor Theme Styles with reusable presets, global design controls, and patterns made with flexbox containers and native Elementor widgets. A Style Kit groups global settings such as typography, colors, spacing, and related design choices. Import a preset and personalize it, or make your own starting point for a website. Presets can be imported and exported across websites to reuse a design foundation on related Elementor projects.
Build layouts from shared style options
Style Kits Pro extends Elementor Theme Styles with reusable presets, global design controls, and patterns made with flexbox containers and native Elementor widgets. A Style Kit groups global settings such as typography, colors, spacing, and related design choices. Import a preset and personalize it, or make your own starting point for a website. Presets can be imported and exported across websites to reuse a design foundation on related Elementor projects.
Match the pattern library to your layout setup
The pattern library delivers unlimited access to mix-and-match container-based layouts. Their styles adapt to the website's global theme styles. Activate the relevant Elementor container experiment to use these patterns. If a site still uses sections and columns, the older Template Kits library is available. Patterns can work with existing themes when Elementor is installed and activated.
Apply global controls across pages
In the Elementor Theme Styles editor, Pro access includes unlimited use of controls for:
- Style Kit fonts and colors
- Container padding and spacing
- Shadows and background classes
- Button styles by size
- Outer section padding
- Column gaps and text sizes
These settings help standardize layouts while leaving room to refine individual pages. You can also override a page's global theme styles with another theme style preset.
Manage client access and inline styles
User role management lets you hide Style Kits from clients. Cleanup utilities remove inline styles from layouts, helping keep designs organized during development and revisions.
Install and use Style Kits Pro
Install and activate Elementor, then install and activate Style Kits Pro. To use the container-based pattern library, activate the relevant Elementor container experiment. Then import a theme style preset or configure global controls in the Theme Styles editor, and use and adjust patterns for each project.
Style Kits works with the free version of Elementor. Patterns that require Elementor Pro widgets, such as contact form or call to action widgets, will not be imported without Elementor Pro. The remaining Style Kits functionality works with free Elementor.
