Divi Secret Features Tutorial – Finding Active Content and Styles in the Divi Builder

Sometimes we get lost inside a Divi module settings when searching for a particular setting that is making the module behave in a certain way. If you have an idea of which settings are responsible for the behavior, you can search for it, but there could be many settings that match your search. Thankfully, Divi includes some handy options to find the currently active settings on a module.

Sometimes we get lost inside a Divi module settings when searching for a particular setting that is making the module behave in a certain way. If you have an idea of which settings are responsible for the behavior, you can search for it, but there could be many settings that match your search. Thankfully, Divi includes some handy options to find the currently active settings on a module.

Find Active Content in a Divi Module, Row, or Section

The Active Content filter in the Divi Module, Row, or Section settings show you all the options in the Content tab where values have been changed from default. Below is an example with step by step guide where you can find it useful.

Let’s say there is a contact form on your website but you can’t seem to find out why it’s redirecting to another website once the form is submitted. You can use the Active Content filter in the module settings to find out all the active options:

  1. Open the Contact Form module settings
  2. Click on + Filter
  3. Click on Active Content

Displaying active content in a Divi Module

Now you can see the active options.

Find Modified Styles in a Divi Module, Row, or Section

Similar to the Active Content filter, the Modified Styles filter shows all the modified options from the Design and Advanced tabs. As the name suggests, it’ll show all the settings that are responsible for the style changes. Below is a practical example with a step-by-step guide on how to show the modified styles.

For this example, we have a text header that has a border and is not straight, but there are no borders in the module settings:

Modified styles example in Divi

In situations like this, filtering by Modified Styles can help:

  1. There are no modifications under border and text styles. In situations like this, it’s very handy to see only the modified styles:
  2. Open the Text settings
  3. Click on + Filter
  4. Click on Modified Styles

Browsing to modified styles in the Divi Builder

Now you can see the Modified Styles that are responsible for the appearence.

Other Options

Similar to the previous options, you can also filter by Responsive and Hover Styles or Content:

  1. Open the Module, Row or Section settings.
  2. Click on + Filter
  3. Click on what you want to see:
    • Responsive Styles/Content
    • Hover Styles/Content

Seeing modified responsive and hover in Divi

How this boosts your Divi Skills

This is particularly useful when you are using premade templates. It can also help you when the website was built by someone else and now you are taking over. These tricks are very useful when you are working with more complex third-party modules. As a support engineer working at Divi Engine, The Active content and Modified Styles are lifesavers. Complex plugins such as Divi Machine and Divi BodyCommerce can often have 50+ options and 100+ styling options on a single module. Thanks to these filters, I can see all the changed settings at a glance without going through tens of tabs throughout the module settings.

CONTRIBUTOR: Pavak P.

Other Installments

Check these out
Divi Secret Features Tutorial – Crafting Text Cutout Effects on Backgrounds in Divi
Divi Secret Features Tutorial – Animate Web Pages Using Divi Scroll Effects
Divi Secret Features Tutorial – Using Divi Global Presets to Streamline Your Divi Web Design Process
Divi Secret Features Tutorial – Finding Active Content and Styles in the Divi Builder
Announcing the Divi Secret Features Series – Divi tutorials on some lesser known Divi features

1 Comment

  1. Thanks for this tip. Very helpful to discover problems in my settings.

Submit a Comment

Explore more from Divi Engine

Divi Form Builder

Divi Form Builder

From simple contact forms to complex frontend post or product creation, Divi Form Builder has you covered.

Divi Form Builder
Find out more
Divi Machine

Divi Machine

Build complex websites that displays dynamic fields you can filter, search and so much more with the Divi Builder.

Divi Machine
Find out more
Divi BodyCommerce

Divi BodyCommerce

A versatile toolkit for developers using Divi and WooCommerce together, designed to boost your e-commerce site and achieve greater conversion rates.

Divi BodyCommerce
Find out more
Divi Loop Extender

Divi Loop Extender

Unlock the Full Power of Divi 5 Loop Builder Add advanced sorting, filtering, and relationship logic right inside the Visual Builder.

Divi Loop Extender
Find out more
Divi Membership

Divi Membership

Monetize your Divi websites by transforming them into membership sites with seamless subscription management, user-friendly interfaces, and customizable membership tiers.

Divi Membership
Find out more
Divi Machine Accounts

Divi Machine Accounts

Build an account area for your customers to edit their details, access wishlist, submitted posts and more. *Note: Requires Divi Machine installed and active

Divi Machine Accounts
Find out more
Divi Ajax Filter

Divi Ajax Filter

Filter WooCommerce, Posts & Custom Posts without reloading the page.

Divi Ajax Filter
Find out more
Divi Mobile

Divi Mobile

Divi Mobile helps you create beautiful looking mobile menus without having to code.

Divi Mobile
Find out more
Divi Nitro

Divi Nitro

Give your Divi website that extra boost of speed with our Divi Nitro plugin to enhance your customer's experience.

Divi Nitro
Find out more
Divi Protect

Divi Protect

Password protect the content of your Divi website with our Divi Protect plugin. Keep unwanted eyes out!

Divi Protect
Find out more
Divi Mega Menu

Divi Mega Menu

Improve the user experience of your Divi website with our Divi Mega Menu plugin by creating dynamic menus using the Divi Builder.

Divi Mega Menu
Find out more