T: +353 (0)86 3896769 | E: [email protected]
  • facebook
  • linkedin
  • Home
  • Contact

Buchanan Solutions

Web Design, SEO and online systems

  • About
  • Services
    • Web Design
      • Web Design
      • Ecommerce
      • Responsive Websites
      • Multilingual Websites
      • Content Management Systems
      • Domains, Email & Hosting
      • Web Development
    • Web Marketing
      • Web Marketing
      • PPC advertising – Google Adwords
      • Pay per Click advertising – Facebook Ads
    • Web Maintenance
      • Web Maintenance
      • WordPress Maintenance Service
  • Projects
  • Blog
  • Support
    • Knowledgebase
    • Support Enquiry
  • Contact
You are here: Home / FAQs / Editing a page in Divi Page Builder

Editing a page in Divi Page Builder

August 9, 2016 by Keith Buchanan

This tutorial is assuming that you are working off a pre-made layout of your page and will show you how to update modules.

The Divi Page builder is very easy to use but can be a bit overwhelming until you get your bearings.

divi-section-row-module

Page structure of a typical Divi page

Page Structure

Here is a basic overview of the page structure of a Divi page.

Pages are made up of:
Sections: in blue
Rows: in green
Module: in grey

Here is a quick tutorial on how to update a module (in the grey area).  This will take you from the start.


Divi - edit a page

Edit Page option in the top bar at the top of a page.

Step 1 – Editing a Page

Once you have logged into wordpress and you go back to your site you should see an Edit Page option (see image) at the top of the page in the WordPress bar.  Click on this to take you into the page editor.


Divi Structure - Section, Row, Module

Click on the Edit option in the module you want to change.

Step 2 – in the Divi Page Builder

You should now see the Divi Page builder with modules separated into Sections and Row.  Click on the 3 horozontal lines at the left of the module you want to edit.


div-text-module-edit

Make your changes and Save & Exit from the module settings.

Step 3 – Editing and saving a module

Once you are in the module editor you can make you changes in the content area.  It is the same as a normal wordpress content editor at this stage where you can add links, underline, bold etc.

Once you have completed that then Save & Exit


Divi - updating a page

Remember to press the Blue Update button to keep all your divi module changes.

Step 4 – Saving your changes

Once you have completed your work in the various modules on a page then remember to update the page to keep your latest changes.

Press the Blue Update button on the right of the page


 

You can then view your page and you should see your latest updates.

Need Further Tutorials?

Divi Builder overiew: http://www.elegantthemes.com/gallery/divi/documentation/builder-overview/

Here is a list of other tutorials that may be of extra help: http://www.divithemeresources.com/divi-tutorial-sites/


Category: WordPress

← Support

Services

  • Web Design
  • Web Maintenance
  • Web Marketing

Latest from the Blog

  • WordPress Ecommerce Tutorials December 2, 2020
  • Building with Elementor – Tutorials December 2, 2020
  • Using the WordPress Block Editor (Gutenberg) May 13, 2020
Buchanan Solutions manage my website & marketing with superb expertise & support. My website is important to the success of my business & I can relax knowing it is in trusted hands.
John O'Farrell
Pax House

Services

  • Web Design
  • Web Maintenance
  • Web Marketing

Follow Buchanan Solutions

  • facebook
  • linkedin

Latest from the Blog

WordPress Ecommerce Tutorials

Woocommerce is the go to solution for ecommerce websites using ...
Read More

Building with Elementor – Tutorials

Elementor is a great tool for building pages using a ...
Read More

Quick LInks

  • About
  • Blog
  • Projects
  • Contact
  • Privacy Policy

Copyright © 2023 · Buchanan Solutions