MakeWeb

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

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 exit the Visual Builder by clicking on the “Exit Visual Builder” option in the editing bar.

exit visual builder