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:
- Load your post or page for editing
- 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
- Next you will see all the available pages in the main screen.
- 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:
- When your page loads, select the “3 lines” on the module (grey section) you want to edit
- 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:
- 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
- The “Design” tab is where you go to make design changes to those elements
- The “Advanced” tab is typically best left alone if you don’t know anything about CSS coding
- After making all the changes needed, click on “Save & Exit” on the bottom right of the module.
Step Four – Preview and Publish:
- 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.
- 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:
- 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:
Email & Other Icon Links: This tutorial shows you how to add an email icon link to your main Divi menu. By default, if you enter your email address in the appearance section, it will display your address on the secondary menu bar (above the main) and...
Here’s how to remove the drop down arrow on your divi menu. It’s a simple bit of code you can copy and paste into your custom CSS section.
What is the Divi Library and why save or load an existing layout: The Divi Library is place that stores pre-made layout templates as well as your custom saved layouts, modules and widgets. Save a layout to the Divi Library if you would like to use it as a template...
Q: Why create a post and how is it different from a page? Posts are pages of information that belong to or fall under a main topic. They are built just like pages with one big difference. When you create a post, you can assign it to a category which...
What is a Plugin and Why Update: Plugins are like little programs that work with the main software to help further customize design and function of your website. You need to keep them updated, or they can become a security risk or may not function...