Divi Tutorials | Susan Panciera

If you dismiss this panel you can re-enable it from the Screen Option tab (upper right) by clicking “Welcome”

Welcome to Your Website!

We’ve assembled some tutorials to help you keep the site up-to-date:

Your WordPress Theme

Your site is built using Divi- a state-of-the-art builder. You can find text and video tutorials on items specifically used to build your site here:



A Word About WordPress and Divi

Your site is built with WordPress.

It is created using the Divi Theme.

WordPress.org is free open source software. It is also the platform of choice for over 39% of all sites across the web. https://wordpress.org/about/

Do not confuse it with WordPress.COM which is a hosting platform for WordPress. If you’re interested, read more about that here: https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/

Divi is a WordPress page builder made by Elegant Themes and the (self proclaimed) most popular WordPress theme In the world. It is the “bones” that your website is built upon. KMDD has been using WordPress exclusively since 2008 and Divi exclusively since 2014.

In December 2018 WordPress launched a major update of its software and became a page builder with some similarities to Divi but not nearly the power or options. Because your site is built with Divi, and the classic WordPress editor is much easier to use, your site has the WordPress Gutenberg Builder disabled.

If you search WordPress.org documentation you may find differences in how your backend works since current documentation is geared towards the latest version of the Gutenberg builder. If you feel that you would like to use this new builder, please send a request to KMDD and we will enable the new builder.

Categorizing Products for Collections

Creating the Categories

Login to your site and visit Dashboard>Products>Product Categories

Create your new Collections categories

Categorizing the Products

Visit Dashboard>Products

Click Quick Edit on each product that you want added to a Collection, and choose the correct category. Current categories can be left as is if preferred for cross-referencing. Save.

Editing the Photo Gallery

To populate that Gallery properly visit the Gallery page
Enable the Visual Builder (top black bar)

Click on the module and then the cog icon to access the settings

Delete unwanted images by clicking on them, and then clicking the trashcan to delete

To Add more scroll to the end and click the + icon

Click on the Image you want to add and type the title into the Caption and in the Alt dialog boxes.

You can do more than one at a time just make sure the items you want have the check mark next to them (see below)

Click the blue Select button the add them (bottom right).

Click and drag images to arrange them into the order you want to show them in the Gallery.

Click the Green check mark to exit the module

Click the purple three-dot icon at the bottom to access the Builder save button.

Save and Exit Visual Builder (If you exit the Builder without saving, it will prompt you to save before you exit.

Full Divi Documentation

The Divi Builder

Divi Text Module