Print

Editing Text, Images and Other Modules via Visual Builder

Table of Contents

Now you are in the visual builder you can make the changes to all the modules/elements of the templates.

Text

Making changes to text with the Divi Visual Builder is as simple as clicking and typing.

You can edit almost any text element by clicking on it. You can even make formatting changes like text alignment, colour and font.

To save your changes, click on the purple icon at the bottom of the page, and click save in the bottom right hand corner.

 

Images

To replace an image, start by hovering your mouse over it. A grey panel should appear with some icons inside it. Click on the cog icon. This will open a new panel with settings related to this specific element. In this new panel, look for an option called ‘Image URL’. It will already have a link pasted into the field below.

To change it to another image, click on the Upload button. You can either upload a new image, or use an existing image from your media library. When you’re happy with your changes, click on the green tick, then click save.

TIPS:
We might use different way to achieve the image style of your template. Make sure you check your specific template tutorials in the bottom of this page, or in your  Template portal.

Other elements

You can access options for every Divi element by hovering, then clicking on the cog icon in the grey menu.

Here you will be able to make all kinds of changes. Remember, if you’re looking for more options, always look for the cog icon!

TIPS

Anytime you are stuck, scroll down the module/row/section setting and click on help.

Screenshot of a user interface showing

 

Saving Your Page

To save your changes, click on the purple icon at the bottom of the page, and click Save in the bottom right-hand corner.

Website with the word

Exit Visual Builder and you can view your page.

 

To recap:
You can edit most elements by hovering over them and clicking on the cog icon. To edit text, click and type.

Each module must sit inside a row, and each row must sit inside a section.

You can even drag and drop any element! So if you need to move something, it’s as easy as grabbing it with your mouse and dropping it where you want it to go.

To delete an element, hover over it and click on the trash can icon.

To copy an element, hover over it and click on the duplicate icon. Easy!

Pin It on Pinterest