Description
Multi Style Kits for Elementor – Abdiel gives you the freedom to have multiple Brandboards (Style Kits) within the same website.
Elementor normally restricts you to one single Global Kit for the entire site.
This plugin breaks that limit, allowing you to play with colors, typography, and styles without losing your original identity.
You can have multiple “identities” living together on the same site.
It is perfect for:
* Landing Pages: Give a specific sales page a unique look without affecting your home page.
* A/B Testing: Quickly swap design systems to test what converts better.
* Multi-Brand Sites: Manage distinct color palettes for different sections of your business.
This plugin is free to use.
If you find it useful for your projects, consider supporting the development using the link in the sidebar!
Key Features
- Unlimited Kits: Create as many Style Kits as you need.
- Per-Page Assignment: Assign a specific kit to any page directly from the Elementor Editor.
- Smart Context Awareness: Ensures styles don’t conflict between the Editor and the Frontend.
- Bulk Assignment: Apply a kit to multiple pages at once using the dashboard tool.
- Global Switcher: Change the default look of your entire site in one click.
- Import / Export: Move your kits between sites easily.
Screenshots
Main Dashboard: Overview of your Kits. (1) Set as Global: Makes this kit the default for the whole site. (2) Clone: Duplicates the kit. 
Bulk Assignment Tool: Apply styles massively. 
Plugin Settings: Configure default kits for new pages. 
Import / Export: Backup your work or migrate your Brandboards. 
Elementor Editor Integration: Located inside Page Settings (gear icon) > Multi Style Kits. 
Style Selection: Select your local kit. A notification bar will remind you to save and refresh to apply changes correctly.
Installation
- Upload the plugin files to the
/wp-content/plugins/abdiel-multi-style-kits-for-elementordirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Go to Multi Style Kits in your dashboard to start managing your brandboards.
- Open any page with Elementor to see the new “Page Settings” options for Kit selection.
FAQ
-
Does this work with Elementor Free?
-
Yes, it works perfectly with both Elementor Free and Elementor Pro.
-
Can I export a kit to another site?
-
Yes. Go to the “Import / Export” tab. You can export any kit to a lightweight JSON file and import it into another site that has this plugin installed.
-
What happens if I deactivate the plugin?
-
Your pages will revert to using the default Global Kit set in Elementor settings.
No data is lost; the assignments are just paused until you reactivate the plugin. -
How do I assign a kit to a specific page?
-
You can do it in two ways:
1. From Elementor (Recommended): Open the page, go to Page Settings (gear icon) > Multi Style Kits, and select your kit. Remember to Save and Refresh to see the changes applied correctly.
2. From the Dashboard: Use the “Bulk Assignment” tool to apply kits to pages without opening the editor. -
Can I edit multiple pages simultaneously?
-
Yes, absolutely! You can open and edit as many pages as you want at the same time, provided they are using the same Style Kit.
However, if you edit pages with different Kits simultaneously in different tabs, you might experience temporary visual conflicts (like mixed colors) inside the Elementor Editor.
* Why? This happens because Elementor updates the global style preview dynamically for your active session.
* Don’t worry: This does not affect the final result for your visitors; your live site will always look perfect.
* Future Update: We are actively working on a solution to allow seamless simultaneous editing of different Kits in future versions.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Multi Style Kits for Elementor – Abdiel” adalah perisian sumber terbuka. Orang-orang berikut telah menyumbang kepada pemalam ini.
Penyumbang
Translate “Multi Style Kits for Elementor – Abdiel” into your language.
Berminat dalam pembangunan?
Layari kod, periksa repositori SVN, atau langgani log pembangunan dengan RSS.
Changelog
1.0.1
- Fix: Resolved CSS conflict where global colors would mix between kits in the Editor.
- Fix: Improved “Save & Refresh” workflow to prevent visual errors during preview.
- Tweak: Separated Logic JS and UI JS to comply with WordPress standards (performance optimization).
- Tweak: Editor dropdown now correctly identifies the active global kit.
1.0.0
- Initial release.
- Added support for multiple Brandboards.
- Added Bulk Assignment tool.
- Integrated Kit Selection in Elementor Editor.