How Can We Help?

Divi Page Builder – Editing

You are here:
< Back

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


Before you can edit your website content you need to login (usually by going to 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

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

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

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

Icon Key:

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