Before You Start:
Know The Divi Basics

Our Divi tutorials typically focus on how to do specific things. We assume a basic level of knowledge. If you start on one of our articles and  find yourself lost, please backup and check out these blogs and vlogs from the creators of Divi.

What Is Divi? This is a quick overview of Divi and its most powerful features.

Getting Started with the Divi Builder. This is a beginner’s article that discusses the basic structure of a Divi page and how to add sections, rows, and modules.

Maintaining structural style consistency throughout an individual web page is a fundamental necessity for good web design (unless you are a weathered professional and are intentionally avoiding consistency for a particular purpose). By structural style consistency we are referring to more than just consistent font colors and sizes. We are talking about consistent layouts from one section of a page to another. This document will show how the Divi builder makes it easy to recreate a section’s styles for subsequent sections.

Let’s say you have a web developer (perhaps Creative Sarasota Design and Development) build you a web site. A few months later you want to add some content to an existing page. It is important that the content you add matches the visual presentation of the already existing content. Here is what you do…

WordPress Log In

Log In to WordPress and Engage the Visual Builder

Log in to your WordPress Dashboard, find the page you want to edit, and engage the Divi Visual Builder. If you do not know how to do this, read our blog article here.

divi mouseover rows

Mouseover the Row You Want to Duplicate

Scroll down to the row that you wish to duplicate. Put your mouse over the row until you see the green border around the section with the associated control icons.

Remeber: The BLUE border is for the section, the GREEN border indicates the row and columns, and the GRAY border indicates modules.

divi duplicate row
divi duplicate row

Duplicate the Row

Click on the Green Duplicate Icon Divi Builder Row Duplication Icon.

This will create an exact duplication of the row and every module in the rows and columns and places it underneath.

divi rows with modules

Edit the Modules

You can now edit any module in the duplication and it will have the same styles that were configured for the original.

Make your changes, save, and exit the visual builder.

Let Us Create Your Internet Presence.

Creative Sarasota Design and Development is a full service website and graphic development workshop. We work with you and your team to create the visual, written, and web-based tools you need to advance your organization's agenda.

Please take a moment to view our portfolios and read more about our services. 

Drop us a line today.

If you have any questions, please drop us a line for a free, no-obligation consultation.

Pin It on Pinterest

Share This