Extend Attributes can take any attribute or collection of attributes and propagate them through your page to make sweeping changes instantly.
How to use Extend Attributes
Right-click on any element in your page (or click on the three dots icon of any element: section, row, or module)
From the contextual menu, choose Extend Attributes
Choose any of the available sub-options
From the Extend Attributes pop-up, choose what you want to extend:
Extend From Element – This is the source element from which you want to extend attributes. You can select any module from the list or click on it on the page to automatically select it as your source element. If you right-click an element and choose Extend Attributes, it will automatically be set as the source element.
Extend To Location – You can choose where to extend attributes, whether to elements in the same group, column, row, section, or even the entire page. For example, if you are working on a set of modules on a dark section, and their styles are specific to the dark-mode area, you may want only to extend attributes to elements in the same section.
Extend To Element Type – In Divi 5, attributes can be extended between different element types. When you extend attributes, you can choose which elements to extend to. You may want to extend this to particular modules or categories of elements, such as containers.
Attribute Type To Extend – In Div5, you aren’t limited to extending styles. You can extend Styles, Content, Presets, or any combination of these attribute categories.
Option Group To Extend – You can extend attributes from particular option groups. For example, if you want to extend button styles from your Contact Form to all other modules with buttons, you could extend all attributes from the button option group to all elements on the page. You can also right-click on any option group and choose Extend Styles to pre-select that option group in the menu.
Fields To Extend – You can even extend individual settings. All modified settings will show up in this dropdown menu, which can be easily searched and filtered. You can also right-click on any field in the settings panel to pre-select that field in the menu.
Extended Attributes Key Features
Extend Anything Anywhere
You can extend to particular locations and certain types of elements. You can also extend specific groups of settings or distinct categories of attributes.
Convenient Right-Click Menu Options
The Extend Attributes panel contains options to control what you are extending and where, allowing you to get as detailed as you want with attribute extensions. But there are also quick ways to extend attributes using the right-click menu.
Context-Aware Attribute Panel
When the Extend Attributes panel is open, it switches contexts automatically as you click on different modules on the page. You can always quickly extend styles from whatever module you are working on.