Using Rows on the WordPress Divi Builder

Aug 17, 2020 | Learning WordPress, Support, WordPress

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,

New Row rows on the wp divi

and then choose your column structure.

Add new row rows on the wp divi

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.

two ways rows on the wp divi

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:

Row Settings rows on the wp divi

The Change Column Structure will look like this:

change column structure rows on the wp divi

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.

Duplicate rows on the wp divi

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.

Row settings cog rows on the wp divi

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.

admin label rows on the wp divi

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.

move Row rows on the wp divi

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 Improve Website Loading Speed

How To Improve Website Loading Speed

After perfecting your website design and carefully crafting your SEO plan, there are still factors to consider to create the best website possible. Almost half of all internet users will leave a page if the website loading speed...

read more
The Pros and Cons of Separating a Blog from a Website

The Pros and Cons of Separating a Blog from a Website

We know how valuable blogs are to website design in Oklahoma City, especially when it comes to SEO. When you have both a website and a blog, you have the option to have the blog and website combined or to locate the blog on its own domain.

read more
5 Common Website Mistakes that Might Hurt Your Business

5 Common Website Mistakes that Might Hurt Your Business

Whether your business is well-established or brand new, creating a website is an effective way to reach customers and promote growth. As OKC web design professionals, we know there are many things to keep in mind for your website to reach its full potential. Here are...

read more
Skip to content