Divi Module Custom CSS Selectors

Divi Module Custom CSS Selectors gives Divi Builder users more options for targeting module elements with CSS. The additional selectors are available in each module’s Advanced tab, so you can write styles where you are already working with that module. This helps designers and site owners apply specific styling without having to find each element in an external stylesheet.

The plugin adds more than 500 selectors for Divi’s native modules. You can write responsive CSS for different breakpoints and add styles for hover states without manually writing media queries. This suits Divi sites where a module’s individual elements need tailored styles, including designs that call for different appearances across screen sizes.

Features

• More CSS selectors: Adds more than 500 selectors for Divi’s native modules, giving you additional ways to target specific module elements with custom CSS.
• Advanced tab access: Find the added selectors in the Advanced tab of Divi modules, so CSS targeting options are available alongside module settings.
• Responsive CSS styling: Write device-specific CSS for different breakpoints directly in a module, without manually creating media queries.
• Hover state styling: Apply custom CSS to hover states from the module interface to define how targeted elements appear when visitors hover over them.
• Native module coverage: Use the added selectors with Divi’s native modules to target elements within modules as you work in the Divi Builder.
• Slider image selector: Target the image tag in the Slider Module with a dedicated selector for styling slide images.

Best for

• Divi Builder site owners
• Designers styling individual module elements
• Freelancers building responsive Divi sites