Using Rows on the WordPress Divi Builder

Aug 17, 2020 | Learning WordPress, Support

If you have a WordPress website with myheartcreative, an OKC web design, and a Dallas web design company, you know all about the Divi Builder. The Divi not only lets you clone existing pages, but it also lets you duplicate sections, rows, and modules. Rows are one of the three most important components of every layout. Rows live inside Sections, and Modules live inside Rows.

New Row

Rows provide the column structure of your webpage. You can have a one-column, two-column, or even an uneven column structure. If you want to add a new Row, all you will need to do is hit the green plus sign,

A screenshot showing the WordPress Divi builder. Two green arrows are circled to indicate where to add a new row.

and then choose your column structure.

A screenshot showing the column structure options for inserting a row using Divi builder.

You can always change the column structure later if you change your mind on what you want the layout of that page to look like.

Column Structure

There are two ways you can choose the column structure if you are editing a new Row. One way is to click the Row Settings cog on that Row, and the other is to click the Change Column Structure button on that Row.

A screenshot showing the green bar indicating a row on Divi builder. The Edit Row cog and the Change column structure icon is circled on the left side of the bar.

The Row Settings can be used to significantly improve the variety of layouts built with the Divi Builder. If you choose to use the Row Settings to change your column structure, it will look a little different from choosing to use the Change Column Structure option. The Row Settings will look like this:

A screenshot showing how to choose a column structure if a user clicks the Row Settings cog.

The Change Column Structure will look like this:

A screenshot showing how to change the column structure if a user clicks the Change Structure icon.

Duplicate Rows

You also have the option to duplicate existing Rows. To do this, you will click the Duplicate Row button, which looks like two pieces of paper overlapping each other. By duplicating a row, you can keep the same column structure, and it will also duplicate the Modules that live under that Row.

A screenshot showing the green Row bar on Divi builder. The icon with two overlapping papers is circled in red.

Admin Label

The last thing I am going to talk about when it comes to Rows is the Admin Label. This comes in handy if you have a lot of content on a page and need to find something quickly or to help you remember what everything is. The first thing you need to do to get to the Admin Label is to click on the Row Settings cog.

A screenshot showing the green Row bar on Divi builder. The Row settings cog is circled in red.

Then you will scroll all the way to the bottom of the “Content” tab (this is the default tab that opens when you clock the Row Settings). It says Admin Label where you can type the description you want to give that Row.

A screenshot showing the Row settings box once users click the Row Settings cog. When on the content tab at the top, users will click Admin Label to change the label of the row.

Placement of Rows

If you don’t like where one of the Rows is, you can always change the order by dragging and dropping that Row to the correct place. All you need to do is hover over the Move Row button. Then click and drag that Row where you want it to go.

A screenshot showing the green Row bar on Divi builder. The icon with two crossed arrows is circled in red to indicate what to click if users want to move a row.

These are the basics about Rows in WordPress when using the Divi Builder. We believe these will be the most common/important for our client to know. If you have any questions about the WordPress Divi Builder or website design in Oklahoma City, please reach out.

 

 

Related Blogs

How To Use Headings in WordPress

How To Use Headings in WordPress

Knowing how to use headings on your WordPress website helps you break up text to make it more scannable as well as help with search engine optimization (SEO) By using headings, you can separate your text into different sections if it is needed. Breaking up the text...

read more
Adding Page Links In EE

Adding Page Links In EE

When it comes to adding links on your EE website, there are a few different ways to do so. For internal links or a link that goes to another page within your website, you won’t need to copy a URL or anything...we will walk you through adding a link within your...

read more
How To Check Form Entries on WordPress

How To Check Form Entries on WordPress

Checking form entries is extremely important. If you don’t check your entries, you could lose potential clients. We also recommend downloading those entries, each week, once a month, or quarterly, depending on the amount submitted, so you can confirm you have...

read more