Description

Built upon the Divi Builder, the Divi Module Custom CSS Selectors add-on adds custom CSS selector fields in the settings of each WP Zone module, allowing you to apply unique styles per module without editing the child theme. This gives Divi users granular control over the appearance of specific elements, reducing conflicting global CSS and speeding up the development of custom layouts.

Main Features of Divi Module Custom CSS Selectors

  • Selector fields per module
    Adds input fields for CSS classes and IDs in each Divi module’s settings.
  • Support for pseudo-classes
    Allows styling of states such as hover, active and focus on selected modules.
  • Real-time preview
    Shows CSS changes instantly in the Divi visual editor.
  • Full compatibility with Divi modules
    Works with all native Divi modules and third-party modules in the WP Zone ecosystem.
  • Export and import of styles
    Facilitates reuse of CSS settings across projects via a JSON file.

Benefits of Divi Module Custom CSS Selectors

  • Precise element customization
    Set unique styles for specific modules without impacting the rest of the site.
  • Reduction of conflicting global CSS
    Eliminates the need for generic classes that affect multiple components.
  • Development agility
    Designers rapidly adjust layouts without relying on developers or theme files.
  • Easy maintenance
    Module-centric styles make future changes more organized and secure.

Who Should Use Divi Module Custom CSS Selectors?

  • Designers who use Divi and need granular styling without extra CSS.
  • Developers managing multiple WP Zone sites who want organized styles.
  • Agencies that create custom layouts for clients and require precise control over each module.

How to Download Divi Module Custom CSS Selectors

Divi Module Custom CSS Selectors is available for download here on Ultrapack. After downloading the .zip file, install it via Plugins > Add New > Upload Plugin, select the .zip and activate. CSS selector fields will appear automatically in each Divi module’s settings within WP Zone.

With this add-on, WP Zone enhances the Divi Builder by allowing each module to receive unique styles via custom CSS selectors. Designers and developers gain freedom to create complex layouts with simplified maintenance, while preserving site performance and code organization.

Frequently asked questions

Is WP Zone | Divi Module Custom CSS Selectors GPL-licensed?

Yes. WP Zone | Divi Module Custom CSS Selectors is distributed under the GPL (GNU General Public License). You may legally use, modify and redistribute it on as many sites as you want.

Can I use WP Zone | Divi Module Custom CSS Selectors on multiple sites?

Yes. You can use WP Zone | Divi Module Custom CSS Selectors on multiple sites. The number of sites connected to Ultrapack Auto Updater is limited by your plan.

How much does WP Zone | Divi Module Custom CSS Selectors cost at Ultrapack?

WP Zone | Divi Module Custom CSS Selectors costs US$2.99 as a single purchase, and it is also included in the subscription plans starting at US$12/mo (VIP I).

Does WP Zone | Divi Module Custom CSS Selectors include updates?

Yes. The current version of WP Zone | Divi Module Custom CSS Selectors is 1.0.3, published at Ultrapack on Dec 2, 2022. Subscribers update straight from the WordPress dashboard with UAU (Ultrapack Auto Updater).

Is WP Zone | Divi Module Custom CSS Selectors scanned before publication?

Yes. Every version of WP Zone | Divi Module Custom CSS Selectors goes through a malware scan (ClamAV and YARA rules, at UltraHub) before it is published.