Interactive Guide to Divi Edits

A Guide to Editing Your Divi Website

This interactive guide empowers you to make common edits with confidence. Start with the fundamentals below, then select a task to see step-by-step instructions.

The Fundamentals

1. Access & Enable

Every edit starts here. You need to log in and turn on the Divi Visual Builder to see the editing tools.

  1. Go to yoursite.com/wp-admin to log in.
  2. Navigate to the page you want to edit.
  3. Click "Enable Visual Builder" in the top bar.

2. Divi's Structure

Divi uses a color-coded structure to organize content. Understanding this is key to editing the right thing.

Sections (Blue): The largest containers that hold everything.
Rows (Green): Sit inside Sections and create columns for content.
Modules (Grey): The actual content, like text, images, or buttons.

3. The Critical Save Process

Your changes aren't live until you save them correctly. Follow these steps every time.

Confirm
Element

Expand
Menu

Save

Save
Page

What do you want to do today?

Select a task above to see the instructions.

Your step-by-step guide will appear right here.

Curated Resource Library

For deeper learning, explore these hand-picked guides and tutorials from the experts. These are great for when you want to learn more, but remember to contact us for any complex changes.

© 2025 Your Web Agency. Need help with something more complex? Contact us.