Using the Divi Page Builder’s “Visual Builder” to change text on your website.

How to Edit Text with the Visual Builder


Log in to your WP Admin panel.

You can navigate to the page you wish to edit from the front-end of your website (the published site that you show your visitors) or the back-end (admin panel).

visit site
From the front end:

Navigate to the page you wish to edit.

visit site
At the very top of your page is the editing bar. Click on "Enable Visual Builder".
editing bar
From the back-end:

Navigate to "Pages".


Then click on the title (or "edit" option if hovering) of the page you wish to edit.


edit page
Once you're in the page editor, click on "Use Visual Editor".


use visual builder


Once the Visual Builder is enabled, you will see many option icons appear.

(For reference, blue is for sections, green is for rows, and grey is for modules. Editing text is always within a module.)

edit modules grey
To edit text, all you need to do is click your cursor to the text you want to edit.

(Since the text is within a module, you'll see the extra editing options appear where you click in grey.)

Use your keyboard to edit the text as required.

click and edit


Once you have made your changes, click on the purple "Settings" icon with the three dots at the bottom of your screen.

Click "Save" to save your changes.
HOORAY! You've done it! Now you can edit the Visual Builder by clicking on the "Exit Visual Builder" option in the editing bar.
exit visual builder