Elementor How To Add Row Easily

Table of Contents

In this article we will learn on how to add row easily in Elementor. Follow the steps mentioned to easily add row in a Elemetor page. There are two methods of doing so.

  1. Adding a normal Elementor sections to the page.
  2. Using Elementor inner sections.

To add a row of elements, you actually add a section. Here is how.

Method 1: Adding a row by creating a new Elementor section

Step 1: Click on the "+" button in the empty region of the page.

Elementor how to add row

Step 2 : Choose a structure suitable for your row.

Elementor How To Add Row Easily 1

Method 2: Adding row using Elementor inner section

Okay, now we can create simple rows on a page. This method won't allow you to make complex row designs in your page. In this method we will get to know how to make more complex and user friendly row sections in Elementor.

Add a new Elementor Inner section to the container

Drag  the "Inner Section" widget from the Elementor toolbox and drop it in the container section. Fill the Inner section with some content. For the sake of simplicity it is filled here with two images.

Elementor How To Add Row Easily 2

This is what the sections looks like after adding the two images to the inner sections. Now we have created a single row in the inner section.

Elementor How To Add Row Easily 3

Add a Elementor Heading above the images

Drag and drop the Heading element above the row, inside the inner section. This will create a header structure for the section. The row of two images below can be repeated to make different rows of images.

Elementor How To Add Row Easily 4

Duplicate the Elementor Inner section

Right click in the inner section and click on the Duplicate option from the pop up drop down.

Elementor How To Add Row Easily 5

On duplicating, Elementor will create an identical new row beneath. Modify the elements of the section beneath as per your need.

Elementor How To Add Row Easily 6

Keep on duplicating the inner sections to create more rows as per your need. So this is how, you make a complex yet more user friendly section in Elementor.  You can add a title that is screen wide, but have split column right below using the inner section method. Below is yet another examples of a row structure you can create by the inner section method.

Elementor How To Add Row Easily 7

Conclusion

Alright! Now you know how to successfully add a row in Elementor. This will help speed up your web development.

Share:

Share on facebook
Share on twitter
Share on linkedin
Comments