How Can We Help?
Editing Page Content with Divi
There are 3 ways to load the Divi Visual Builder. To start, log in to your WordPress dashboard.
- WP Dashboard > Pages
Hover over the page you want to edit, and click “Edit With Divi”
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.06.18-am-1024x466.jpg)
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.08.39-am-1024x466.jpg)
- WP Dashboard > Pages > Page
Click on a page or click “Edit”, then when the page settings appear, click “Edit With The Divi Builder”
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.06.18-am-1024x466.jpg)
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.11.51-am-1024x466.jpg)
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.12.23-am-1024x466.jpg)
- Frontend
Load the page you want to edit on the front end of your website. In the toolbar at the top of the page, you should see a purple “D” Icon with the words “Enable Visual Builder”
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.16.14-am-1024x466.jpg)
The visual builder may take a few seconds to fully load.
You can edit text by clicking on the text, or by hovering over the module and clicking the settings icon.
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.18.48-am-1024x466.jpg)
You can click and drag sections (blue), columns (green) and modules (grey) around the page as necessary.
![](https://firstreef.com.au/wp-content/uploads/2020/08/Screen-Shot-2022-07-08-at-9.21.36-am-1024x466.jpg)
For more detailed guides on using the Divi visual builder, visit https://www.elegantthemes.com/documentation/divi/visual-builder/