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

Basics, Divi, Divi Intro, Instructions/Help

How to Edit Text with the Visual Builder

STEP 1:

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".

 

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

STEP 2:

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

STEP 3:

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

settings

Click "Save" to save your changes.

save

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