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.

Style Kits Pro for Elementor Styles and Layouts

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.

WordPress Emporium Free Shipping Label Pro: WooCommerce Progress Bars Free Shipping Per Product Pro for Selected WooCommerce Items Freemium subscription plan for the Base.com WooCommerce integration Freesoul Deactivate Plugins PRO Freetop Pro: set shipping progress by WooCommerce zone Front End PM PRO: WordPress Messaging on the Front End FrontEdit Pro: Team Workflows for Gutenberg Editing Frontend Admin Pro lets users edit WordPress data with forms Full Screen Background Premium Funnel Builder Pro for WooCommerce Funnels and Checkout