Title: ECS – Ele Custom Skin for Elementor Author: dudaster Published: April 18, 2018 Last modified: October 16, 2026 --- Search plugins ![](https://ps.w.org/ele-custom-skin/assets/banner-772x250.png?rev=3518775) ![](https://ps.w.org/ele-custom-skin/assets/icon.svg?rev=3536751) # ECS – Ele Custom Skin for Elementor By [dudaster](https://profiles.wordpress.org/dudaster/) [Download](https://downloads.wordpress.org/plugin/ele-custom-skin.4.3.13.zip) * [Details](https://en-au.wordpress.org/plugins/ele-custom-skin/#description) * [Reviews](https://en-au.wordpress.org/plugins/ele-custom-skin/#reviews) * [Installation](https://en-au.wordpress.org/plugins/ele-custom-skin/#installation) * [Development](https://en-au.wordpress.org/plugins/ele-custom-skin/#developers) [Support](https://wordpress.org/support/plugin/ele-custom-skin/) ## Description **ECS adds what Elementor doesn’t have — without replacing what it does well.** Every feature is a standalone module. Enable only what you need from **ECS Modules** in the WordPress admin. Unused modules load zero CSS, zero JS, and register no hooks. #### 🎨 Dark Mode Colours A **Default Colours** tab appears inside Elementor’s Site Settings, right next to Global Colors. * Set a **Default** and a **Dark Mode** colour for every global colour slot. * Dark mode colours are written as CSS variables — no JavaScript swapping, pure CSS, zero flash. * A **fallback swatch** shows the default colour when the dark slot is empty. * The **Dark Mode Switcher** widget lets visitors toggle between light and dark with full style controls. #### 📐 Container Layout Two additional layout modes for Elementor Flex Containers: **Slider Mode** — Turn any container into a CSS-only slider. No JS library, no dependencies. **Custom Layout** — Pick a Theme Builder template as the layout frame. Place ECS Placeholder widgets inside the template; ECS distributes the container’s children into those slots automatically. Supports cycling and graceful fallback. Works live in the Elementor editor. #### 🔁 Loop Custom Layout Arrange Loop Grid items inside a Custom Layout template using ECS Placeholder widgets— powered by Elementor’s native Loop Grid query. Full editorial control over the item grid without leaving Elementor. #### 📱 Menu Responsive Turn any Elementor Nav Menu widget into a responsive hamburger menu. Layout, alignment, animation, and breakpoint controls — all from the Elementor panel. #### ✍️ Editorial Text Wrap images inside text blocks with float controls and captions. Magazine-style editorial layouts built entirely in Elementor. #### 🎨 Style Templates Save any widget’s Style tab settings as a named preset and apply them to other widgets of the same type in one click — across pages, templates, and sites. Export and import your full style library as JSON. #### 🛠 JSON PowerEdit Edit any Elementor widget’s raw settings JSON directly from the panel. Raw textarea for paste-and-replace, interactive tree view for surgical edits. Keyboard shortcut: Ctrl/Cmd + Enter to apply. #### ✅ Legacy (ECS 3.x — backward compatibility) The original loop skin functionality is preserved in the Legacy module for existing sites built with ECS 3.x. If you’re updating from ECS 3.x, this module activates automatically. For new projects, use Elementor’s native Loop Builder. Note: This plugin requires Elementor (free). Container Layout (Custom Layout mode) and Style Templates require Elementor Pro. ## Screenshots [⌊ECS → Modules admin screen — enable or disable each module with a toggle.⌉⌊ECS → Modules admin screen — enable or disable each module with a toggle.⌉[ ECS Modules admin screen — enable or disable each module with a toggle. [⌊Default Colours tab in Elementor Site Settings — set default and dark-mode colours side by side.⌉⌊Default Colours tab in Elementor Site Settings — set default and dark-mode colours side by side.⌉[ Default Colours tab in Elementor Site Settings — set default and dark-mode colours side by side. [⌊Dark Mode Switcher widget in the Elementor panel.⌉⌊Dark Mode Switcher widget in the Elementor panel.⌉[ Dark Mode Switcher widget in the Elementor panel. ## Installation 1. Install and activate **Elementor** (free). 2. Upload and activate **ECS – Ele Custom Skin for Elementor** through the Plugins screen. 3. Go to **ECS Modules** in the WordPress admin and toggle on only the modules you need. 4. Activated modules register their controls, widgets, and assets automatically. **Updating from ECS 3.x?** Just update the plugin. The Legacy module activates automatically; all your existing loop skins keep working. ## FAQ ### I’m updating from ECS 3.x. Will my loop skins break? No. ECS detects existing loop templates and activates the Legacy module automatically on update. Everything works exactly as before. ### Can I disable features I don’t use? Yes. Go to **ECS Modules** and toggle anything off. Disabled modules load zero CSS, zero JS, and register no hooks on the front end. ### Does Dark Mode require JavaScript? No JavaScript is needed for the colour switch itself. The CSS variables are written server-side under `[data-ecs-scheme="alt"]`. The Dark Mode Switcher widget adds a small script only to set that attribute on `` when the visitor toggles — a cookie prevents any flash on page load. ### Does Custom Layout work in the Elementor editor? Yes. Layout injection is disabled in the editor so you can edit children normally. A live preview is generated via AJAX when you click away from a child. ### Does Slider Mode require a JS library? No. It uses CSS scroll-snap — no jQuery plugin, no swipe library. ### Where do I create a Custom Layout template? Go to **Templates Theme Builder** in Elementor. You’ll see a new document type called **Custom Layout**. Build your frame there and place the **ECS Placeholder** widget wherever you want a child to appear. ### Do I need Elementor Pro? Dark Mode Colours, Menu Responsive, Editorial Text, Style Templates, JSON PowerEdit, and Loop Custom Layout work with Elementor free. Container Layout (Custom Layout mode) requires Elementor Pro. ## Reviews ![](https://secure.gravatar.com/avatar/69c556ace187944db95a3d2d3b2dc2017527721d44e18d5b2e553ef23cb0db13? s=60&d=retro&r=g) ### 󠀁[Horrible](https://wordpress.org/support/topic/horrible-186/)󠁿 [kber](https://profiles.wordpress.org/kber/) May 13, 2026 Pushes updates every single day, causing errors sometimes. Please combine new features, test them well and push one single update once in a while. ![](https://secure.gravatar.com/avatar/97ce07320ba6c50cea0de64da1ef5ddaa3ef54282495c401aa203b10abe645cf? s=60&d=retro&r=g) ### 󠀁[Not working anymore and abandoned](https://wordpress.org/support/topic/not-working-anymore-and-abandoned/)󠁿 [hax1](https://profiles.wordpress.org/hax1/) February 14, 2025 Plugin not working anymore, no replies from support, no Updates in months. DO NOT USE. ![](https://secure.gravatar.com/avatar/524ec9cd7ba2e50764cb83c54cb36860a7cf7afee3ad089765deca73ffebcb0a? s=60&d=retro&r=g) ### 󠀁[Was a great plugin…](https://wordpress.org/support/topic/was-a-great-plugin-5/)󠁿 [webbycraig](https://profiles.wordpress.org/webbycraig/) September 9, 2024 I loved this plugin. However, it recently stopped working and they have not updated it in months. Now elementor offers their own loop functionality so I will switch to that. ![](https://secure.gravatar.com/avatar/dbc54999cc60245db4ca4ca4aca39344123ad06abf100fedf21fd2ecf1669818? s=60&d=retro&r=g) ### 󠀁[No support, SCAM on Pro](https://wordpress.org/support/topic/no-support-scam-on-pro/)󠁿 [Zak Single](https://profiles.wordpress.org/zaksingle/) January 13, 2023 As others have said, multiple bugs with no support. Purchased pro too and their is NO support/reply to emails. DO NOT TRUST. ![](https://secure.gravatar.com/avatar/57dd291de7771758dd33deb45720cd5ad5f1307cb6fe1cc87e29633e99b6187a? s=60&d=retro&r=g) ### 󠀁[it’s superb plugin](https://wordpress.org/support/topic/its-superb-plugin-3/)󠁿 [techpd](https://profiles.wordpress.org/techpd/) August 6, 2022 Can you please add on slider for user can upload custom slide nav icons ![](https://secure.gravatar.com/avatar/5b30152e492a16343ed548380a459a29b814c51ac22a4b46b322343a3ad04544? s=60&d=retro&r=g) ### 󠀁[Great plugin but seriously needs to be updated to recent versions of WordPress](https://wordpress.org/support/topic/great-plugin-but-seriously-needs-to-be-updated-to-recent-versions-of-wordpress/)󠁿 [Simeon Taiwo](https://profiles.wordpress.org/simeontaiwo/) June 26, 2022 We need the people behind this plugin to really become active in the community. Been a while since an update happened. It's an amazing plugin but can we trust using it on the long-term? [ Read all 117 reviews ](https://wordpress.org/support/plugin/ele-custom-skin/reviews/) ## Contributors & Developers “ECS – Ele Custom Skin for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ dudaster ](https://profiles.wordpress.org/dudaster/) “ECS – Ele Custom Skin for Elementor” has been translated into 15 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/ele-custom-skin/contributors) for their contributions. [Translate “ECS – Ele Custom Skin for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/ele-custom-skin) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/ele-custom-skin/), check out the [SVN repository](https://plugins.svn.wordpress.org/ele-custom-skin/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/ele-custom-skin/) by [RSS](https://plugins.trac.wordpress.org/log/ele-custom-skin/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 4.3.13 * Security: Dynamic Repeater Builder’s save/break binding handlers now verify that the binding entry being written actually belongs to the post being edited, closing a gap where a Contributor could hijack or erase another post’s binding using their own post as cover. Thanks to Animesh (Automattic) for the report. #### 4.3.12 * Fixed: Container Layout — Slider mode now correctly shows the configured number of visible slides on sites with slider settings saved before version 4.0. Previously these sites always showed 1 slide regardless of the configured column count. #### 4.3.11 * Security: Style Templates and Color Wheel now require a site-level capability to save or delete a template/palette, since both are stored in a single site- wide option shared by every user, instead of trusting edit_posts alone. * Added: all CSS and JS files are now minified in the release build, cutting file size by roughly 25-30%. * Verified compatibility with WordPress 7.1 (currently in Release Candidate) — full plugin test suite passing. #### 4.3.10 * Security: closed a gap in the 4.3.9 fix — the Dynamic Repeater ACF source’s post read check can now no longer be bypassed via the current_post_id fallback. Thanks to Erwan Le Rousseau (WPScan) for the follow-up report. #### 4.3.9 * Security: Dynamic Repeater Builder’s ACF source now requires read access to the specific post a data source config points at, instead of trusting a post ID from the request. Thanks to Erwan Le Rousseau (WPScan) for the report. * Security: the ACF source no longer falls back to reading raw post meta for a field name with no registered ACF repeater definition. #### 4.3.8 * Security: Dynamic Repeater Builder AJAX handlers now require the correct capability and post ownership, instead of only a valid nonce. Thanks to Seongwon LEE for the report. * Security: Dynamic Repeater Builder now sanitizes values coming from a bound data source before they are written into widget settings, closing a stored XSS path. Thanks to Shivamani Vastrala for the report. * Security: the AJAX pagination endpoint now requires a valid nonce and only returns content from a document that is publicly viewable, closing a way to read draft or private content anonymously. Thanks to Jashid Sany for the report. #### 4.3.7 * Fixed: WordPress Menu — the Alignment control (Start/Center/End/Stretch) was ignored once the menu switched into dropdown mode via the native Elementor Breakpoint. Alignment now applies correctly in both states. #### 4.3.6 * Fixed: WordPress Menu — dropdown panels going off screen on mobile and horizontal scroll breaking after 4.3.5. The layout class fix now uses client-side JavaScript instead of PHP so the correct class is applied per viewport, not locked to the desktop value. #### 4.3.5 * Fixed: WordPress Menu — pointer animations (underline, frame, background) and dropdown behaviour are now restored when the Mobile Menu module is active. Previously, the module’s responsive layout control replaced the native Elementor layout class, causing all pointer effects to stop working and a ghost frame to appear on hover. * Added: JSON PowerEdit — Spreadsheet mode. Click “Spreadsheet” in the JSON PowerEdit toolbar to see repeater data as a tab-separated table. Paste directly from Excel or Google Sheets (TSV and CSV are both supported, auto-detected). Complex field values (links, images) are shown as JSON and round-trip cleanly on import. #### 4.3.4 * Fixed: WordPress Menu — Stretch alignment (Justify) no longer loses equal item widths when the Mobile Menu module is active. Navigation items now grow to fill the full header width again, matching the original Elementor behaviour. #### 4.3.3 * Added: Dark Mode Logo option in Default Colours (Site Settings). Upload a separate logo image for dark mode; it swaps automatically when dark mode is active and restores when switching back to light. * Fixed: Legacy module admin cards now show a more specific migration notice. #### 4.3.2 * Fixed: Container Layout module no longer forces all Elementor containers to render unconditionally. The should_render filter is now conditional, so third-party plugins such as Essential Addons conditional display work correctly on plain flex and grid containers again. #### 4.3.1 * Improved: Custom admin menu icon for ECS in the WordPress sidebar. * Tested: Verified compatible with WordPress 7.0. #### 4.3.0 * NEW: Integrations section in the Modules admin page — shows AICOM, Widget Finder for Elementor, and Ele Conditions with install links and active state detection. * Fixed: Grid containers no longer reset to Flex layout when opening the container panel with the Container Layout module active. The sync between ecs_container_type and the native container_type now initialises from the native value instead of overwriting it. #### 4.2.0 * NEW: Color Wheel module — generates color harmonies (Analogous, Complementary, Monochromatic, Triadic, Tetradic) directly inside the Elementor color picker. Works with both classic Pickr and Atomic Widgets color pickers. Click any swatch to apply the color. Save and reuse palettes across your site. * Improved: Color Wheel — swatches update live as you move the color picker or click Elementor global colors. * Improved: Color Wheel — panel repositions upward automatically when it would overflow the viewport. #### 4.1.11 * Fixed: WordPress Menu. The Fill Width (stretch) CSS rule that forces width: 100% and left: 0 on the dropdown panel is now scoped to ECS dropdown layout mode only. Previously it applied to all nav menus with Fill Width enabled, overriding Smartmenus. js positioning calculations on menus using the native Elementor Breakpoint and collapsing the dropdown to the toggle width instead of the full header width. #### 4.1.10 * Fixed: WordPress Menu — dropdown panel no longer mispositioned when ECS Mobile Menu module is active and the nav menu uses Elementor’s native Breakpoint control. Previously, the CSS toggle-align rules (applied by default to all nav menus) used !important to override position/left/transform, which conflicted with Smartmenus. js position calculations, causing the dropdown to appear clipped or off-screen. The dropdown alignment rules now require the ECS layout to be explicitly set to “dropdown” for at least one breakpoint. * Fixed: WordPress Menu — nav menu alignment no longer resets to left-aligned when ECS Mobile Menu module is active. Previously, a global CSS rule with a flex-start fallback overrode the user’s existing alignment setting whenever the Elementor CSS cache was stale. Alignment is now applied per-widget via direct Elementor selectors, so it only takes effect when the user has explicitly set a value. * Fixed: Mobile Menu — resolved PHP warning “Undefined array key inner_tab” in PHP 8.x. Position anchors in the color controls upgrade pointed to tab-type controls that have tabs_wrapper but no inner_tab, causing Elementor’s get_position_info() to access an undefined key. #### 4.1.9 * Fixed: Legacy module (ECS Loop Skin) — removed redeclaration of $current_permalink property that caused a PHP Fatal error with Elementor Pro 4.x due to a PHP 8.1 + property inheritance rule. #### 4.1.8 * Fixed: Legacy module — Pro detection now correctly uses ELECSP_VER constant ( ECS Pro 4.x) instead of the removed ele_custom_skin_pro() function from 3.x; “ Get ECS Pro” notice and locked preview controls no longer appear when ECS Pro is active. * Added: Dynamic Repeater Builder module card now appears in the modules list with a preview. * Improved: Pro modules list — Legacy Pro module always displayed last. #### 4.1.7 * Fixed: Container Layout — containers set as hidden via Elementor’s responsive visibility controls were still displayed when the module was active. #### 4.1.6 * Fixed: Container Layout — PHP warnings for undefined variables $cond_arrows and $cond_dots on PHP 8.3. #### 4.1.5 * Fixed: WordPress Menu — native Elementor mobile/tablet Breakpoint now works correctly when no responsive layout override is set for that device. * Fixed: Container Layout — Slider navigation arrows and pagination dots now visible in editor preview in all device modes. #### 4.1.2 * Fixed: ECS widgets not appearing in Elementor panel — only visible in search. #### 4.1.1 * Fixed: PHP Fatal error on PHP 8.1+ — typed property $current_permalink incompatible with parent Skin_Base. #### 4.1.0 * NEW: Style Templates — save and reuse widget style presets across pages and sites. * NEW: JSON PowerEdit — edit widget settings JSON directly from the panel. * NEW: Loop Custom Layout — arrange Loop Grid items inside a Custom Layout template. * Improved: Dark Mode Colours — stability and compatibility improvements. * Improved: Container Layout — better editor preview, cycling and fallback behaviour. * Fixed: PHP 8.2 dynamic property deprecation in Legacy module. * Tested with Elementor 3.35 and WordPress 6.8. #### 4.0.0 * **Rebuilt from the ground up** — modular architecture, every feature is a toggleable module. * NEW: Default Colours tab in Elementor Site Settings with per-colour dark mode support. * NEW: Dark Mode Switcher widget (toggle / dual / dropdown modes, full style controls). * NEW: Container Layout module — Custom Layout mode and Slider mode. * NEW: Menu Responsive module. * NEW: Editorial Text widget. * NEW: ECS Modules admin page. * Legacy (ECS 3.x): loop skin and Ajax Load More preserved in the Legacy module, auto-activated on update. #### 3.1.7 * Fixed errors with Elementor 3.7. * Added support for dynamic media breakpoint CSS. #### 3.1.0 * Ajax Pagination URL change is now optional. * Experimental reinitialization of Elementor JavaScript after Ajax requests. #### 2.0.0 * NEW: Custom Grid Template with Loop Item placeholder widget. #### 1.0.0 * Initial release — Loop skin for Elementor Posts and Archive Posts widgets. ## Meta * Version **4.3.13** * Last updated **17 hours ago** * Active installations **100,000+** * WordPress Version ** 6.0 or higher ** * Tested up to **7.1.3** * PHP Version ** 8.0 or higher ** * Languages * [Dutch](https://nl.wordpress.org/plugins/ele-custom-skin/), [English (US)](https://wordpress.org/plugins/ele-custom-skin/), [French (France)](https://fr.wordpress.org/plugins/ele-custom-skin/), [Galician](https://gl.wordpress.org/plugins/ele-custom-skin/), [German](https://de.wordpress.org/plugins/ele-custom-skin/), [Hebrew](https://he.wordpress.org/plugins/ele-custom-skin/), [Persian](https://fa.wordpress.org/plugins/ele-custom-skin/), [Russian](https://ru.wordpress.org/plugins/ele-custom-skin/), [Serbian](https://sr.wordpress.org/plugins/ele-custom-skin/), [Spanish (Chile)](https://cl.wordpress.org/plugins/ele-custom-skin/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/ele-custom-skin/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/ele-custom-skin/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/ele-custom-skin/), [Spanish (Spain)](https://es.wordpress.org/plugins/ele-custom-skin/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/ele-custom-skin/), and [Swedish](https://sv.wordpress.org/plugins/ele-custom-skin/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/ele-custom-skin) * Tags * [color scheme](https://en-au.wordpress.org/plugins/tags/color-scheme/)[container](https://en-au.wordpress.org/plugins/tags/container/) [dark mode](https://en-au.wordpress.org/plugins/tags/dark-mode/)[elementor](https://en-au.wordpress.org/plugins/tags/elementor/) [loop](https://en-au.wordpress.org/plugins/tags/loop/) * [Advanced View](https://en-au.wordpress.org/plugins/ele-custom-skin/advanced/) ## Ratings 4.6 out of 5 stars. * [ 104 5-star reviews ](https://wordpress.org/support/plugin/ele-custom-skin/reviews/?filter=5) * [ 2 4-star reviews ](https://wordpress.org/support/plugin/ele-custom-skin/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/ele-custom-skin/reviews/?filter=3) * [ 2 2-star reviews ](https://wordpress.org/support/plugin/ele-custom-skin/reviews/?filter=2) * [ 9 1-star reviews ](https://wordpress.org/support/plugin/ele-custom-skin/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/ele-custom-skin/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/ele-custom-skin/reviews/) ## Contributors * [ dudaster ](https://profiles.wordpress.org/dudaster/) ## Support Issues resolved in last two months: 2 out of 2 [View support forum](https://wordpress.org/support/plugin/ele-custom-skin/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.me/dudaster)