How to make simple changes to your WordPress website with Divi Page Builder.

How to make simple changes to your WordPress website with Divi Page Builder.

Here's how to make simple changes to your WordPress website using the Divi Page Builder

Step 1 - Navigate to the Pages page on your WordPress website




Step 2 - Select the page you would like to edit

Hover over the page you would like to edit and click the Edit with Divi link.




Step 3 - Making text edits

To make simple text edits, click on the text element you want to edit. Then you can type new text or remove text just like any text editor.


For more complex text edits, e.g. font colour and size, click on the element and click on the cog in the small menu that appears.


This opens the module menu, here you can make more complex adjustments, this applies to other modules like buttons.

Before making complex changes we suggest reading the Divi getting started documentation here: https://www.elegantthemes.com/documentation/divi/visual-builder/.

Step 4 - Changing Images

To change an image, click the image then open the module settings by clicking the cog icon in the menu that appears.




Click on the image in the module settings to open up the website's media library.



You can upload new images to the website by dragging and dropping images from your computer directly into the media library.
Please make sure that images are optimised before uploading!
The ideal file size for an optimised image is around 300kb.
There are many resources online that can help you optimise images e.g. we use https://squoosh.app/

Select the image you would like to use then click Upload an Image.


Once done you will see the image has changed in the module. Click the save the change and close the module.



Step 5 - Changing backgrounds

Click on the section that you want to edit the background on and open the settings by clicking the cog icon.


Navigate to the background dropdown.



Here you can adjust the background colour or add a background image by navigating to the image tab within the background dropdown. Follow the same process above in Step 4 - Adding Images to add a background image.



Step 6 - Publishing your changes

To publish your changes, at the bottom of the screen you will see this purple icon.


Click the icon to open up the page menu. At the bottom right you will see the save button, click this to publish the changes you have made.


    • Related Articles

    • Logging into the back end of a Wordpress Website

      Steps to logging into the back end of a Wordpress Website 1. Open Your Web Browser: Launch your preferred web browser (e.g., Chrome, Firefox, Safari). 2. Enter Website URL: In the address bar, type the URL of the website. Press Enter to navigate to ...

    • How to add a simple product to your WooCommerce shop.

      Here are the steps to adding a simple product to you WooCommerce shop. Step 1 - Navigate to the Add Product page in the backend of your WordPress website. Step 2 - Add a product name and description. Step 3 - Add Product Images It is Important to ...

    • How to optimise images for your website using Squoosh.

      How to optimise images for your website using Squoosh. Optimising your images is very important for keeping your website running as smooth as possible. There are very noticeable differences in loading times between a web page with unoptimized images ...

    • Building / Editing the Site Navigation Menu

      Creating a Navigation Menu and Adding Items From the WordPress dashboard, go to Appearance > Menus If you are creating a new navigation menu from scratch, then enter the name of the navigation menu and click Create Menu To add pages to the navigation ...

    • How to add Solds through the Property plugin

      Here are the steps to add a new sold property to be shown on the Solds page. Step 1 - Login to the backend of your website through the login page The link to the login page is: example.co.nz/gd_dashboard Essentially you just have to add the extension ...