Style Kits for Elementor


Style Kits for Elementor (formerly Analog Templates for Elementor) adds a number of intuitive styling controls in the Elementor editor that allow you to apply styles globally or per page.

Stop manually adding / copying / pasting styles across layouts and experience macro control of the most essential aspects of your layout system:

  • Body text
  • Headings
  • Headings and text sizes
  • Column Gaps
  • Buttons
  • Colors and more are coming soon


Edit the styles for Body and Headings and see the effect taking place in your design immediately, right from within the Editor.

Column Gap controls

Achieve site-wide spacing consistency through the column gap controls.

Apply the native column gaps on your outer and inner sections and manage the spacing of your layout system from a single place.

Save your page Styles as a Style Kit and apply on any page, or globally

All your custom page styles can be saved as a Stylekit and then apply it on any page.

You can also make a Global Stylekit, and it will apply on your entire site.

Button Styles

Now you have a single source of control for your different button sizes. Set the button styles on your Style kit and enjoy consistent, site-wide button control.

A collection of fine-tuned, Style-kit powered templates. For free.

Trigger the template gallery popup, preview and import any of the templates in our collection.

In most of the templates, styles are managed from the Style Kit panel, so you can experience design-macro control right away.

The perfect addition to Elementor Hello Theme

Hello Elementor is a great, lightweight theme but it lacks basic typography controls. Now with Style Kits, you can set the rules for your Typography save them as a global Style Kit and enjoy site-wide typographic control.

Find us:
Visit the AnalogWP Website
Follow on Twitter
Like us on Facebook


  • Style Kits Settings page.
  • Import screen: import to Elementor library or create a new page.
  • Access Style Kits templates directly under Elementor.


This section describes how to install the plugin and get it working. e.g.

  1. Upload the plugin files to the /wp-content/plugins/analogwp-templates directory, or install the plugin through the WordPress plugins screen directly..
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Head to ‘Style Kits’ page from WordPress sidebar menu.


Do the templates require Elementor Pro?

No, you do not need Elementor Pro at this point. All the templates that are provided for free are only using the Contact Form widget (which is an Elementor Pro feature). But you can always replace with your favorite contact form plugin.

What fonts are you using in designs?

All font pairs in our templates are Google web fonts, we love typography and are always in the look-out for great font combinations.

Can I use the templates for client projects as well?

Yes, you can. You can use the templates in any number of personal or client projects. However you cannot re-distribute the templates without our prior consent. You can view the full terms and template licensing here:

What are Style Kits?

Style Kits (since v1.2) is a collection of the custom Typography and Spacing styles that you have added to your templates, which can be reused with other templates, making the process of creating new templates a lot easier.

How frequently do you add new designs?

We try to follow a consistent release cycle of two templates per week.

Will the templates work with my theme?

Definitely, given that you have Elementor in your theme setup, the templates will get imported and work just fine.

Where can I get help?

Our dedicated support team has your back. Please reach out via our website at


September 12, 2019
Yes you can add css to set the same things but so much more and this is flexible enough for end users. Plus it DOES deal with colours even though the blurb here says its "coming soon". I don't see why you'd need any theme other than Hello when you have this tool.
August 28, 2019
It works as promised for casual users. Though still lacking. Example: I wanted to globally change all Elementor Heading's color. Style Kit doesn't do that... We've been asking Elementor for global CSS capabilities. Sorry, but this is not it. Maybe if you add a CSS editor section... For now, I'll stick with my theme's child stylesheet.
August 21, 2019
Simply amazing. I'm not talking about their themes (although I'm sure they're great.) The new global typography and color features are just the feature I've been waiting for Elementor for a long time. It's such an important feature we should expect Elementor to incorporate these features into their core at some point.
June 4, 2019
I've been using skeleton themes together with Elementor Pro for a while now and one of the worst things doing that is the lack of a global styler, which is a delayed feature from version to version (honestly I doubt that Elementor team would ever add this feature). Here I come across this plugin and it works fabulously. It's well designed and well thought out. The import/export feature is there when I need to reuse the styles. And the style application notice in first uses is the most helpful friend. Well done guys. You're geniuses.
April 26, 2019
This is a great plugin that already has awesome features and the upcoming ones look even better. It has worked flawlessly so far for me on about 5 different sites. Great work and I hope you keep developing it!
Read all 11 reviews

Contributors & Developers

“Style Kits for Elementor” is open source software. The following people have contributed to this plugin.


Change log


  • New: Added a settings Style Kit > Settings to be able to rollback to any older version of plugin
  • Fix: Bug where Quick edit mode would accidentally break Elementor page settings
  • Fix: Hide title setting being overridden on applying a Style Kit.
  • Fix: Counter widget not inheriting Style Kit classes
  • Fix: SK classes overriding inline Toggle widget title
  • Fix: Style Kit library search results listing everything if no matches are found
  • Fix: SK classes not working properly with Columns because of tags nesting


  • New: Added an option to disable accent color on titles under Style Kits > Tools
  • New: Add more helper classes for color controls
    • sk-primary-accent
    • sk-primary-bg
    • sk-secondary-accent
    • sk-secondary-bg
    • sk-text-light
    • sk-text-dark
    • sk-light-bg
    • sk-dark-bg
  • Tweak: Compatibility with Elementor v2.7.x
  • Tweak: Comaptibility with Central Color Palette plugin
  • Tweak: Background color inheritence for Global colors
  • Fix: Issue with duplicate settings throwing notice
  • Fix: Global Color control button selector
  • Fix: Issue with invalid default value type causing array_merge errors
  • Fix: Style Kits not refreshing in Elementor editor upon importing


  • Fix: An issue with Analog modal not launching in Elementor screen


  • New: All new Style Kits library page to import pre-build Style Kits.
  • New: Added Quick Edit and Bulk edit actions on posts list, to assign a Style Kit to multiple posts/pages at once.
  • New: Reorganized nav menu and settings tab for better access to different pages.
  • Fix: Section colors not being able to override Style Kit colors. #138
  • Fix: Rename Dynamic tag classes to be in line with generated classes
  • Fix: Elementor’s + button taking accent color from Style Kits.
  • Improve: Added docs link in description of controls to official documentation. #140
  • Improve: Added link to AnalogWP facebook group on Settings page.
  • Improve: Style kit can be imported from Elementor screen as well
  • Improve: Loading of data sent to app


  • Fix: An undefined function error when importing a template inside Elementor editor
  • Improve: Always shows Style Kits post type page, so users can always import without having to create one first


  • Improve: Rename and reorder Global Color setting labels
  • Improve: Rename Outer Section Padding labels to avoid confusions
  • Improve: Extend Primary Accent colors to Icon + Progress bar widgets. Feel it should extend to more? Sound off.


  • New: Added Color Controls in page settings
  • New: Added Plugin setting to sync Color controls output colors with Elementor color picker
  • New: Added Control for spacing between widgets under Style Kits > Column Gaps
  • New: Added “Outer Section Padding” control to tweak Section padding
  • New: Added plugin action link to settings page on plugins screen
  • Improve: Reorganized setting sections
  • Improve: Renamed ‘Page Styles’ to ‘Style Kit’ in Elementor contextual menu
  • Fix: Issue with plugin page app crash on switching tabs while a preview is open
  • Fix: Fatal error with use function usage in PHP 5.5.x
  • Fix: Issue with Style kit post state showing empty title


  • New: Added Button Controls under Page Styles 🎉
  • New: Plugin rebranded as “Style Kits for Elementor”
  • Fix: Text/Heading size controls not being persistent on style kit change
  • Fix: Column gap individual controls not taking place
  • Fix: Style Kit update modal displaying on page where it was updated from
  • Fix: Dependency error with Gutenberg 6.2
  • Improve: Added a modal window to indicate if page has Global Style Kit


  • Fix: A critical error where templates won’t import due to internal error
  • Improve: Replace body selectors with {{WRAPPER}} to scope it to specific template
  • Improve: Reorganize settings in Heading and Text sizes sections


  • New: Added a notice to reopen tabs when setting a global Style Kit.
  • New: Updating an existing Style Kit now shows a modal window on pages using the same kit, to choose whether to pull latest changes or keep old.
  • New: Added option to rollback to a previous stable version under AnalogWP > Settings.
  • New: Added a visual indicator on posts list to display which Style Kit is active.
  • New: Added a quick post action to “Apply Global Style Kit”
  • Fix: Clear Elementor cache when a Style Kit is updated, so other posts sharing same kit can take effect.
  • Fix: Extend heading selector to include a tags inside to match styles.
  • Improve: Stop users from creating a new style kit directly from CPT page, as it results in empty style kit.


  • Fixed an issue with padding section media queries
  • Fix broken dependency on Settings page ahead of new Gutenberg version


  • New: Added ability to import/export Style Kits 🎉.
  • Fix: Issue with page style column gap not being overridden with advanced section padding.
  • Fix: Incorrect documentation link.
  • Improve: Include page background as part of style kits.
  • Improve: Add visual notification when a setting is changed on Settings page.
  • Improve: Add a visual indicator in notification based on notification timeout duration on Settings page.


  • New: Introducing Style Kits. 🎉
  • New: Added Elementor Finder shortcuts to quickly navigate to Style Kits settings/library.
  • New: Added a new settings to assign global style kit under Elementor > Settings > Styles > Global Style kit.
  • New: Added Contextual menu to Style Kit for quick access in Elementor.
  • New: Close Import modal via ESC key on settings screen.
  • Improve: Use minified versions of scripts
  • Improve: Added better and visible server side error handling.
  • Improve: Added notices if importing a template doesn’t meet specified requirements.


  • New: Added Page style settings. 🎉
  • New: Added option to enable beta features under Style Kits > Settings.
  • Fix: Remove User First/Last name collection on newsletter signup, as it wasn’t communicated.
  • Tweak: Added documentation links to settings with more instructions.
  • Tweak: Show ‘New’ badge for 14 days, to match new template publish timing.


  • Fixed a styling issue with Elementor popup modal, caused with Elementor v2.5.5


  • New: All new designed settings page. 🎉
  • New: Added option to Strip Typography under settings tab. More info.
  • New: Lazy load images on templates page to avoid unnecessary loading, making page load faster.
  • New: Keep a log of imported templates for user.
  • New: Added an option to opt-in data tracking, optional.
  • Fix: Install and import count not being when importing from within Elementor.
  • Improve: Switched to custom version for React better upgrades.
  • Improve: Added loading indicator for when template preview is loading.
  • Improve: Check WordPress version before loading files to avoid errors.
  • Fix: Set right data type to _ang_import_type post meta


  • Initial Release