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

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

Page structure of a typical Divi page

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.

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.

Click on the Edit option in the module you want to change. Click image for full size.

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. Click image for full size.

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.

Remember to press the Blue Update button to keep all your divi module changes. Click image for full size.