Title: Advanced Custom CSS for Elementor Author: Akash Patel Published: නොවැම්බර් 19, 2025 Last modified: නොවැම්බර් 19, 2025 --- Search plugins ![](https://ps.w.org/advanced-custom-css-for-elementor/assets/banner-772x250.png? rev=3399000) ![](https://ps.w.org/advanced-custom-css-for-elementor/assets/icon-256x256.png?rev =3399000) # Advanced Custom CSS for Elementor By [Akash Patel](https://profiles.wordpress.org/agreem2016/) [Download](https://downloads.wordpress.org/plugin/advanced-custom-css-for-elementor.1.0.zip) * [Details](https://si.wordpress.org/plugins/advanced-custom-css-for-elementor/#description) * [Reviews](https://si.wordpress.org/plugins/advanced-custom-css-for-elementor/#reviews) * [Installation](https://si.wordpress.org/plugins/advanced-custom-css-for-elementor/#installation) * [Development](https://si.wordpress.org/plugins/advanced-custom-css-for-elementor/#developers) [Support](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/) ## Description Advanced Custom CSS for Elementor (ACCE) adds a dedicated Custom CSS section to the **Advanced** tab of every Elementor widget. It lets you write clean, widget- scoped CSS using the `selector` keyword and provides separate fields for **Desktop**,** Tablet**, and **Mobile** styling. No premium version required — works with both Elementor Free and Elementor Pro. Perfect for users and developers who need fast, responsive CSS control directly inside the Elementor editor. ### Features * Adds a **Custom CSS panel** to all Elementor widgets. * Separate CSS fields for **Desktop**, **Tablet**, and **Mobile**. * Supports the `selector` keyword for precise widget-only CSS. * Uses Elementor’s live preview for instant visual updates. * Breakpoints can be customized with a simple filter. * Lightweight, fast, and requires no additional settings. ### Usage In Elementor editor: 1. Select any widget. 2. Open the **Advanced** tab. 3. Scroll down to **ACCE Custom CSS**. 4. Add your CSS using the `selector` keyword. Example: selector { background: #f3f3f3; border-radius: 8px; } ### Developer Notes You can override the default breakpoints (Tablet: 768px, Mobile: 425px) using this filter: add_filter(‘ACCE_custom_css_breakpoints’, function($defaults) { return [ ‘tablet’ => 900, ‘mobile’ => 600, ]; }); ### License This plugin is licensed under the GPLv2 or later. ## Screenshots * [[ * [[ * [[ * [[ ## Installation 1. Upload the plugin folder to `/wp-content/plugins/`. 2. Activate the plugin through the **Plugins** screen in WordPress. 3. Open Elementor, select any widget, and go to **Advanced > ACCE Custom CSS**. ## FAQ ### Does it work with Elementor Pro? Yes, it works with both Elementor Free and Elementor Pro. ### Does it support live preview? Yes. CSS updates appear instantly in Elementor’s visual editor. ## Reviews ![](https://secure.gravatar.com/avatar/c8c481eeb87f7a1451163c05f60537d0172d09b471e03080d05fdf1c392e55bc? s=60&d=retro&r=g) ### 󠀁[Minimal plugin that gives most useful feature](https://wordpress.org/support/topic/minimal-plugin-that-gives-most-useful-feature/)󠁿 [Jitendra Damor](https://profiles.wordpress.org/jitendradamor/) නොවැම්බර් 28, 2025 Light weight plugin that fulfill basic requirement of adding custom css in the plugin. [ Read all 1 review ](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/) ## Contributors & Developers “Advanced Custom CSS for Elementor” is open source software. The following people have contributed to this plugin. Contributors * [ Akash Patel ](https://profiles.wordpress.org/agreem2016/) [Translate “Advanced Custom CSS for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-css-for-elementor) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/advanced-custom-css-for-elementor/), check out the [SVN repository](https://plugins.svn.wordpress.org/advanced-custom-css-for-elementor/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/advanced-custom-css-for-elementor/) by [RSS](https://plugins.trac.wordpress.org/log/advanced-custom-css-for-elementor/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 Initial release with device-based CSS fields and breakpoint customization. ## Meta * Version **1.0** * Last updated **මාස 5ක් ago** * Active installations **10+** * WordPress version ** 6.3 or higher ** * Tested up to **6.8.5** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/advanced-custom-css-for-elementor/) * Tags * [custom css](https://si.wordpress.org/plugins/tags/custom-css/)[elementor](https://si.wordpress.org/plugins/tags/elementor/) [frontend editor](https://si.wordpress.org/plugins/tags/frontend-editor/)[responsive design](https://si.wordpress.org/plugins/tags/responsive-design/) * [Advanced View](https://si.wordpress.org/plugins/advanced-custom-css-for-elementor/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/reviews/) ## Contributors * [ Akash Patel ](https://profiles.wordpress.org/agreem2016/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/advanced-custom-css-for-elementor/)