Choose between reusable presets and layout patterns

Style Kits Pro extends Elementor Theme Styles with global design controls and reusable theme style presets. A Style Kit groups settings such as typography, colors, spacing, and related design choices. Import a preset and personalize its settings, or make a starting point for a site. Presets can also be imported and exported across sites to reuse a design foundation on multiple Elementor projects.

The pattern library includes unlimited access to layouts made with Elementor flexbox containers and native widgets. Mix patterns for different layout needs; their styles adapt to the website's global theme styles. The presets manage design settings, while patterns provide layout structures to adjust for a project.

Apply global controls and page overrides

Style Kits includes controls to the Elementor Theme Styles editor. Pro access includes unlimited use of controls for:

• Global 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. Individual pages can be refined as needed, including by overriding their global theme styles with another theme style preset.

Use patterns with the required Elementor setup

Activate the relevant Elementor container experiment to use the container-based pattern library. Sites that still use sections and columns can access the older Template Kits library. The patterns can work with existing themes when Elementor is installed and activated.

Manage client access and layout cleanup

User role management lets you conceal Style Kits from clients. Cleanup tools remove inline styles from layouts to help keep them organized during development and revisions.

Install and configure

Install and activate Elementor, then install and activate Style Kits Pro. For the container-based pattern library, activate the relevant Elementor container experiment. Import a theme style preset or configure global controls in the Theme Styles editor, then use and adjust the available 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 the free version.