How To Edit Your Divi Website

View a short 3-minute video

Or read a step by step tutorial below written by 

The Divi Page builder is very easy to use but can be a bit overwhelming until you get your bearings.

Page Structure

Here is a basic overview of the page structure of a Divi page.

Pages are made up of:
Sections: in blue
Rows: in green
Module: in grey


Page structure of a typical Divi page

Here is a quick tutorial on how to update a module (in the grey area).  This will take you from the start.

Step 1 – Editing a Page

Once you have logged into wordpress and you go back to your site you should see an Edit Page option (see image) at the top of the page in the WordPress bar.  Click on this to take you into the page editor.

Divi - edit a page

Edit Page option in the top bar at the top of a page.


Step 2 – in the Divi Page Builder

You should now see the Divi Page builder with modules separated into Sections and Row.  Click on the 3 horozontal lines at the left of the module you want to edit.

Divi Structure - Section, Row, Module

Click on the Edit option in the module you want to change.


Step 3 – Editing and saving a module

Once you are in the module editor you can make you changes in the content area.  It is the same as a normal wordpress content editor at this stage where you can add links, underline, bold etc.

Once you have completed that then Save & Exit


Make your changes and Save & Exit from the module settings.

Step 4 – Saving your changes

Once you have completed your work in the various modules on a page then remember to update the page to keep your latest changes.

Press the Blue Update button on the right of the page
You can then view your page and you should see your latest updates.

Divi - updating a page

Remember to press the Blue Update button to keep all your divi module changes.

Need Further Tutorials?

Divi Builder overiew:

Here is a list of other tutorials that may be of extra help:

Ready to fall in love with your new site?

    +678 77 10 123