Explore the Midwest BREW Documentation Library
Comprehensive Guides for Divi 5
Discover detailed resources and insights to support the upgrade from Divi 4 to a totaly revamped Divi 5.
Divi Documentation Categories
Getting Started
Basics
Formatting
Options
Short Tutorials
-
Create HTML Anchor:
In Divi 5, the way you add a CSS ID (and classes) has changed compared to Divi 4.
The old “CSS ID & Classes” toggle is gone — now it’s done through the Attributes panel.
How to Add a CSS ID in Divi 5Open the Module/Row/Section Settings
Hover over the element you want to target and click the gear icon.Go to the Advanced Tab
In Divi 5, the Advanced tab contains a new Attributes option.Open the Attributes Panel
Look for Attributes in the list and click to expand it.Add Your CSS ID
In the ID field, type your desired ID (without the # symbol).
Example:my-section Save Changes
Click the green checkmark to save.Using the CSS ID
You can now:
Link directly to that section:
https://yoursite.com/page/#my-section Target it in CSS:
Css
#my-section {
background-color: #f0f0f0;
padding: 50px;
}Use it for smooth scrolling with anchor links in menus or buttons.
✅ Tip: IDs must be unique on a page. If you need to style multiple elements the same way, use a CSS class instead.
-
DiviFlash Advanced Carousel -
Divi 5 Lottie Tutorial -
Exploring Divi 5’s New Top Bar UI

