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.

Elegant Themes Home

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 5

    Open 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

    Documentation for Settings]

  • Divi 5 Lottie Tutorial

  • Exploring Divi 5’s New Top Bar UI

Videos