How to Edit Posts & Pages in Divi

When Editing a Page or Post:
There is no simple description on how to edit Divi posts or pages.  There are simply too many options available in each item or module.  Here, I am going to give you the starting blocks to editing your Divi posts or pages.  This will help you understand what you’re looking at when a page loads and how to select the elements to change.

The following steps are pictured left for further clarification.  Click on an image to enlarge.

Quick Reference: Load page or post for editing – Click the “3 lines” on the module you want to edit –  Make your changes – Click “Save & Exit” in bottom – Click “Publish” to save (right side)

Step One – Load Page or Post for Editing:

1. Load your post or page for editing
2. If you don’t know how to do this, click on either  “Posts” or “Pages” in the left side menu of your dashboard,  It all depends on where the file is you want to edit
3. Next you will see all the available pages in the main screen.
4. Click on the title of the one you want and it will load

Step Two – Click the “3 Lines” in the module you want to edit:

1. When your page loads, select the “3 lines” on the module (grey section) you want to edit
2. If you’re not sure which one is the one you want to edit, you may open a few before you find the one you need.  You can usually determine a good starting point by knowing where on the actual page it is located.  I find it helpful to have the website open on another tab at the same time for reference.  If you open one you don’t want to edit, just click the white “X” in the top right hand corner to close it.

Step Three – Make your changes:

1. To make changes, the first tab in the module is “Content”  where all the elements for that module go.  Eg: Text, Images, Logo, Background – This is the tab that is open when the module loads
2. The “Design” tab is where you go to make design changes to those elements
3. The “Advanced” tab is typically best left alone if you don’t know anything about CSS coding
4. After making all the changes needed, click on “Save & Exit” on the bottom right of the module.

Step Four – Preview and Publish:

1. Next, click on the “Preview” button on the right side to see how the changes look before saving your changes. Your preview will load on a separate tab and it shows you how the page will look.
2. If everything looks the way you expected – Click on “Publish” and wait a few seconds for the save to complete

Optional – Save Module to the Divi Library:

1. If you like how you’ve styled this module and know you’ll need those style settings again for this type of module, you can save it to your Divi Library.  This can be a great time saver with your build or updates.

Below is a video that walks you through the process.

Other Available Tutorials: