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.