Divi Page Builder – Editing

Divi is a drag and drop content builder for WordPress. It makes it easy for the end user to create and update content.

Login

Before you can edit your website content you need to login (usually by going to yourwebsite.co.uk/wp-admin) then entering your username & password.

Backend Editing

There are 2 ways of editing and adding content using the Divi page builder – either from the backend dashboard or directly on the front end (called ‘Visual Composer’). The backend editing is best for creating or adding new content and the front end editing is best for minor text updates.

Divi Page Builder Overview

A page or post using the Divi Page builder uses the following main elements:

• Sections
• Rows
• Modules

Sections
A main content block containing rows, which can be standard or full-width and can have it’s own background colour or image.

Rows
Rows are added to sections and each row has a choice in the number of columns used.

Modules
Modules are added to columns within a row and different Modules are used depending on the content that you wish to display.

Icon Key:

Edit

Duplicate

Delete

# Columns

Editing a Page

To edit a page or post that is using the Divi Page builder:

Dashboard > Pages > select a page to edit

Click the edit icon for the module that you wish to edit

A Edit the content > B Save & Exit > C  Publish

Front End Editing (Visual Builder)

1. When logged in, hover over the home link above ‘Dashboard’ and select ‘Visit Site’.
2. Navigate to the page you want to edit then click the ‘Enable Visual Builder’ link in the black bar at the top of the page.
3. Click on the content block that you want to update > edit > Save
4. When you have finished editing click the ‘Exit Visual Builder’ link at the top of the page.