Style Kits - Advanced Theme Styles for Elementor

Style Kits extends the flexibility of Elementor Theme Styles and introduces the first library of Theme-Style-ready template kits and blocks. https://www.youtube.com/watch?v=ItcKsNztJJU Advanced Theme Styles Style Kits for Elementor adds meaningful UI controls to Theme Styles for the most important variables of your layout system in Elementor:

• Column Gaps
• Outer Section Padding
• Buttons Colors (per size)
• Accent colors
• Background classes and many more...

Theme Style Presets Get an unfair design advantage by importing read-made theme style presets for pre-configured styling on typography, colors, forms, spacing and more. Design more consistent layouts through global styling. Theme-style-ready template kits and blocks library The first-of-it's-kind template library for Elementor. In the Style Kits library, each template kit comes with its own theme style preset. Mix-and-match theme styles and layouts and enjoy built-in design consistency. Boost your Elementor design workflow with Style Kits Pro

• Unlimited access to a hand-made library of premium Template Kits, Theme Style Presets and Blocks that adapt to your existing Theme Styles.
• Inline style cleanup tools that reset your layouts from inline styles. Turn your existing pages into theme-style-friendly layouts with a few clicks.
• Smart highlight tools that help you identify elements with custom classes or custom CSS applied to them.
• Advanced Theme Style tools. Enjoy more design flexibility in the editor with more UI controls in theme styles.
• User Role management
• Unsplash integration
• Dynamic colors (Requires Elementor Pro v2.9+)
• Cards (Soon)

Find us:

• Visit the AnalogWP Website
• Follow on Twitter
• Like us on Facebook
• Join our Facebook community
• Documentation

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.

1.8.2 - June 14, 2021

• New: Compatible up to WordPress v5.7.2
• Fix: Kit re-saving control not working as expected
• Improvements: Fix fatal error at search/archive pages for Elementor based pages (h/t Anthony HS#5639)
• Improvements: Compatibility with Elementor v3.2+ & Elementor Pro v3.3

1.8.1 - Feb 12, 2021

• Fix: Issue with nonce verification when quick editing a post/page

1.8.0 - Jan 30, 2021

• New: Self updating Google fonts library, updated every 24 hours
• Fix: Horizontal line glitch in template library at Elementor editor popup
• Fix: Fix Elementor menus not showing up at site settings
• Improvements: Added Elementor 3.1 compatibility tags
• Improvements: Detect DOM optimization key in Elementor 3.1 and prior version to work accordingly

1.7.6 - Nov 26, 2020

• New: Compatible up to WordPress 5.6
• Fix: Increase "Theme Style" button background color class priority
• Fix: Increase "Theme Style" link CSS priority

1.7.5 - Oct 29, 2020

• New: Theme Style Kits list now shows the respective pages using the specific Kit
• New: Added setting to add default import method under Style Kits > Settings > General
• Fix: CSS selector typo for non-optimized and optimized DOM control based CSS output
• Improvements: Remove max-width from Popup in Elementor editor

1.7.4 - Oct 01, 2020

• Fix: Error with PHP v7.2

1.7.3 - Oct 01, 2020

• Fix: Preview not loading properly after importing a template
• Fix: Incorrect selector when Elementor setting "Optimized DOM Output" is changed
• Fix: Plugin rollback permission in multisite

1.7.2 - Sep 18, 2020

• New: Import popup in editor to import template to a new or current page
• Improvements: Redefined the UI of Import template popup
• Improvements: Hide draft Kits in Kit dropdowns
• Fix: Column gap selector, bugged due to change in Elementor v3
• Fix: JS error on pages where global panel isn't available
• Fix: Conflict with JetEngine

1.7.1 - Aug 29, 2020

• Fix: Broken accent color selector, caused many stylings to fail
• Fix: Background color classes inheriting accent background colors as text
• Improvements: Added button to rollback plugin if not using required Elementor version

1.7.0 - Aug 27, 2020

• New: Simplified and redesigned library 🎉
• Fix: Editor not applying correct Style Kit when using Elementor's "Default Kit"
• Fix: Issue with Icon widget not respecting custom styles
• Fix: Style Kits not loading web fonts sometimes
• Fix: Possible fatal error with Yoast SEO and some third party plugins, applicable for WordPress 5.5+
• Fix: Plugin translations not working in Frontend app (Library pages)
• Improvements: Compatibility with Elementor v3
• Improvements: Updated Google fonts list
• Improvements: Delete unused old Style Kits stored in a CPT, redundant since Elementor's Theme style was introduced

1.6.9 - June 06, 2020

• Fix: Missing front-end styles, when user has only two or less kits
• Fix: Empty Kit content during export
• Developers: Add Kit title to Elementor debug bar

1.6.8 - May 20, 2020

• New: Add Global Section in Kit dropdown during import
• Fix: Multiple Kit classes being applied on frontend
• Fix: Inner section widget taking Outer Section Padding values

1.6.7 - April 24, 2020

• Fix: Advanced tab not overriding Outer Section padding

1.6.6 - April 23, 2020

• Fix: Remove default Outer Section Padding (OSP) dropdown from Theme Styles
• Fix: Added a migration script to provide a safe fallback for OSP presets on existing Section elements
• Fix: Outer section padding sometimes being applied to Inner Section
• Fix: Column element advanced tab not overriding Column gap styles in some cases
• New: Added new 'Default' OSP field
• Tweak: Removed 'Edit with Elementor' from Style Kits

1.6.5 - April 14, 2020

• Fix: Added back Outer Section Padding control resulting in broken layouts
• Fix: Style Kits context menu breaking tab navigation
• Fix: Fatal error during uninstall if Elementor isn't active
• Fix: Removed default outer section padding control due to conflict
• Tweak: Delete additional options on uninstall
• Tweak: Show Accent color descriptions as tooltips

1.6.3 - March 17, 2020

• New: Added Kits screen info notification
• Fix: Avoid loading document on page load inside editor
• Fix: Inherit parent fontSize/lineHeight for popup
• Fix: Fixed typo in primary accent background color values

1.6.2 - March 09, 2020

• New: Style Kits settings are moved to Settings tab from Style
• New: Added links to edit Kit directly in Kits table.
• New: Merged Heading/Text sizes section into new Typographic sizes section
• Tweak: Added 'Instances' column in Kits table to show Kits usage

1.6.1 - March 04, 2020

• Fix: Fatal error with PHP5.6
• Fix: Avoid duplicate queries in Post state

1.6.0 - March 03, 2020

• New: Style Kits integrated into Theme Styles. All existing Style Kits, are automatically converted to native Theme Style Kits
• New: Added welcome screen for Theme Styles
• New: Added latest Google fonts missing in Elementor
• New: Added link to Theme Style panel in right-click menu
• New: When resetting a Kit, you can revert from History screen
• Tweak: Theme Style panel title to show Kit name
• Tweak: Style Kits menu to show Theme Style Kits
• Tweak: Use transient cache when fetching Kits
• Tweak: Admin notices to show Analog logo
• Tweak: Remove x button from Style Kit selector
• Improve: Remove custom control for SK actions, now uses default Elementor button control

1.5.6 - Feb 12, 2020

• Fix: Compatibility with Elementor v2.9
• Fix: Removed option to Sync Color Palette

1.5.5 - Feb 07, 2020

• Fix: Conflict with Elementor Extras plugin

1.5.4 - Feb 04, 2020

• Tweak: Adds compatibility for Style Kits Pro
• Fix: Importing templates back to back in Elementor editor caused them to import more than once

1.5.3 - Feb 01, 2020

• New: Added 'My favorites' for Blocks
• New: Added Filter, Sorting & Search for blocks (Disabled in grouped view)
• New: Added Preview links for Style Kits
• Fix: Issue with Pro SKs not showing errors on frontend when occurred
• Fix: Headings not respecting inline styles in Popup
• Fix: Show imported SK immediately in Style Kits list
• Tweak: Style Kits library to match Template kits styles
• Tweak: Improved loader icon during imports

1.5.2 - January 24, 2020

• New: Template/block inserts inside Elementor are now recorded in Elementor history tab
• New: Insert block/templates at point from where Modal was launched
• Fix: Issue with installed kits not being set properly on template import
• Fix: Missing license key info during block import
• Fix: Hide template list when preview is active
• Fix: Bug where Pro templates were displayed regardless of option selected
• Tweak: Style Kits library listing design
• Tweak: Show Pro notice again if Pro templates are shown

1.5.1 - January 18, 2020

• Fix: \Analog\User class conflict with \Elementor\User (props: @midoelhawy)
• Fix: SK color interferring with Color picker. A null color item results in broken color picker
• Tweak: Show Pro badge for Style Kits

1.5.0 - January 16, 2020

• New: All new Blocks tab to import blocks
• New: Save template filter values in local storage to keep them same on refresh
• New: Separated Text and Heading colors
• New: Moved background colors to their own tab, now divided by Light/Dark color tabs
• New: Added option to replace page ID while exporting Style Kit CSS
• New: Updated settings page design
• Fix: Added close button on SK import popup
• Fix: Issue with Heading sizes not respecting inline styles in some cases
• Fix: Show SK colors as swatches in Color Picker, bugged since Elementor v2.8
• Tweak: Rename Global Colors section to Main Colors
• Improve: A more consistent way to show admin notices
• Improve: Removed redundant setting "Remove Styling from typographic elements"
• Improve: New library endpoint for cumulative library data
• Improve: All color controls in Main/Background Color now generate a CSS variable on page

1.4.0 - January 06, 2020

• New: Added Version Control tab under Settings
• New: Option to become a Beta Tester
• Fix: Minor issue with Settings page footer links inherting Settings styles
• Fix: Critical error caused sometimes during Quick Post update
• Fix: Global SK values not updating properly due to a recent change
• Improve: Added backward compatibility with < Elementor v2.8.0
• Improve: Added Close link to Style Kit import popup.
• Improve: Heavily improved performance, caused due to a memory leak

1.3.17 - December 12, 2019

• Fix: Added backwards compatibility for SK contextual menu
• Fix: Icons box links not respecting inline colors

1.3.16 - December 10, 2019

• Fix: Issue with Style Kits tab not showing up
• Fix: Issue with templates imported directly from Settings page
• Fix: Accordion/counter widget not respecting inline colors with custom classes
• Tweak: Styled updated for better compatibility with Dark Mode
• Improve: Move Global Style Kit setting from Elementor to plugin settings
• Improve: Tweak rollback versions to be ordered numerically

1.3.15 - November 29, 2019

• Fix: Custom CSS inconsistency between saving SKs, properly slash data before saving in post meta
• Fix: Remove stored template values from existing SKs
• Fix: Issue with undefined array key in a rare cases
• Fix: Link color within content not respecting inline color
• Fix: Global color not overridding colors as expected when using multiple templates on page
• Improve: Added new method for updating SKs, preserve settings not related to SK

1.3.14 - November 11, 2019

• Fix: Don't save template value from in SK
• Fix: Post meta terms accent color
• Tweak: Added SK accent color on Comment submit button
• Tweak: Change SK imported popup text, redirect to SK panel after import
• Improve: Update Style Kit button is now more consistent
• Improve: Clear Elementor cache on uninstall
• Improve: Use core version of React and ReactDOM

1.3.13 - November 04, 2019

• Fix: Issue with buttons taking accent color

1.3.12 - November 04, 2019

• Fix: Added back selectors to apply accent colors on titles
• Fix: Show SK updated popup only on open editors
• Fix: Rare issue where SK dropdown would insert invalid items when no items exist
• Tweak: Include all page settings as part of SK
• Tweak: Update Column padding selectors to remove !important
• Tweak: Better compatibility with Nav styles

1.3.11 - October 31, 2019

• Fix: Templates not being imported due to a bug introduced in v1.3.10
• Fix: Style Kit panels/settings not showing up on some template types, as a result, the setting "Do not apply link color on active titles" has been removed
• Tweak: Better compatibility with Nav widget and Style Kits
• Improve: Popups, once again can have a Style Kit

1.3.10 - October 29, 2019

• New: Make Nav item/pointer inherit SK accent color
• Fix: Image/Icon box widget selectors accent color override
• Fix: Heading widget selectors accent color override
• Improve: Ensure “Do not apply link” setting is respected

1.3.9 - October 26, 2019

• Fix: Disable Style Kit settings from Popups
• Fix: Divider widget not being able to override accent color
• Fix: Icon/Image box not being able to override accent color
• Fix: All Style Kits not being listed during import
• Fix: A rare case with undefined jQuery error within Elementor editor
• Improve: Tweak Settings page styles

1.3.8 - October 22, 2019

• New: Added new Template Collection interface.
• New: Added new Settings Page in Style Kits > Settings
• New: Template import flow, allowing to select a Style Kit during import
• Fix: Links inside Headings having 2x size when used with EM units
• Fix: Issue with a WP_Query call interfering with Elementor queries
• Fix: An issue with inline color style on the Accordion widget title does not override accent color
• Fix: Apply accent color properly on stacked and framed variants of icons.
• Fix: Added wp-api-fetch as script dependency inside Elementor editor
• Fix: Error not showing up when an unallowed version of template was being imported
• Fix: H6 selector for Default Font Family control of Headings Typography
• Fix: Style Kits library not force refreshing
• Improve: Empty state when templates are empty
• Improve: Added Templates/Style Kits count in header
• Improve: Updated readme.txt changelog to include release dates

1.3.7 - September 20, 2019

• 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

1.3.6 - September 12, 2019

• 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

1.3.5 - August 28, 2019

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

1.3.4 - August 28, 2019

• 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

1.3.3 - August 21, 2019

• 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

1.3.2 - August 16, 2019

• 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.

1.3.1 - August 15, 2019

• 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

1.3 - August 05, 2019

• 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

1.2.4 - June 19, 2019

• 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

1.2.3 - May 30, 2019

• 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.

1.2.2 - May 19, 2019

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

1.2.1 - May 09, 2019

• 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.

1.2 - April 25, 2019

• 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.

1.1.2 - March 26, 2019

• 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.

1.1.1 - March 14, 2019

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

1.1 - March 13, 2019

• 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

1.0.0 - February 15, 2019

• Initial Release