fbpx
how to add columns in Elementor

How to add columns in Elementor

If you are looking for the procedure on how to add columns in Elementor, you have reached the right place. In this article, we will show you the way to do so. To know more details, stay with us till the end.

Before we move on to the procedure, let’s learn something about Elementor and the purpose of Elementor columns.

What is Elementor?

As you know, there are numerous popular page builder plugins in the online market. Among them, the Elementor WordPress plugin is one of the most popular page builders. The secret behind Elementor’s success is because it is-

  • easy to use
  • intuitive
  • User-friendly
  • in the first place, and
  • a visual, live page editor

This means you will be able to instantly see what your website will look like after applying changes. You don’t have to switch to a special preview mode. Secondly, Elementor has a drag-and-drop functionality that lets you select and position elements from the menu with one click.

Moreover, You don’t have to use coding to add and change elements as you need when you use Elementor. No matter how you want to organize your content, you can do it fast and easily with this page builder. If you specifically want to organize your content in different style Elementor columns, this article is for you.

What is the purpose of Elementor columns?

When you want to create separate sections for your business purpose, Elementor columns will help you do it with ease. You can manipulate the columns via the options in the Elementor Panel on the left.

Elementor makes it easy for us to create and customize columns for web design purposes. With the flexibility of Elementor page builder, making columns as per your preference is not a mammoth task.

How to add columns in Elementor?

If you want to add columns in Elementor, you can do it in these two methods:

  1. Method-1: Add Elementor columns using the section (+) button.
  2. Method-2: Add Elementor columns using handles.

Now, we will discuss the methods.

A. Method-1: Add Elementor columns using the section button.

In this method, you have to follow these steps:

Step-1: Click on the Section button

Before adding columns, first, we need to create a row. To do this, click on the (+) sign as shown in the picture below.

How to add columns in Elementor

Step-2: Select your desired structure

After that, select the desired structure based on your design direction and content type. For instance, we will pick one row with two columns.

Step-3: Select two columns of the structure

After that, the column will show in the text area. Now, you can add your content/widgets to your columns. You can adjust the row and columns as you need.

Notice that, the row is marked with blue color when you hover over it. You can modify the row by right-clicking on the row, then clicking on the Edit section.

But, we will focus on adding columns to the structure. Let’s proceed.

Step-4: Add a new column

Now, hover over the column and right-click on the field or on the Edit Column. After that, click on Add New Column to add a new column to the field.

Step-5: See the result

After doing that, you can notice that the number of columns is increased. You can add your desired number of columns by repeating the 4th step as needed.

Well done! You have successfully added a column in the text field in Elementor.

Want to know more on how to add columns in Elementor? Let’s go ahead!

Now, we will proceed to the 2nd method:

B. Method-2: Add Elementor columns using handles.

In this method, you have to follow the steps below:

Step-1: Open the Elementor toolbox menu

To proceed with this method, first, click on the button with three horizontal lines located at the upper top left corner of the page. It will open up the Elementor menu.

Step-2: Go to the User Preferences menu

Next, go to the User Preferences menu to enable the Editing Handles option.

Step-3: Enable the Editing Handles switcher

Now, enable the Editing Handles switcher to use the handles for adding columns to the field.

Step-4: Hover over the edit column icon to add columns

It’s time to add columns to the field. For this, hover over the edit column icon on the section that will unveil the handles. Here, you can duplicate, add, or delete columns.

As we are going to add columns, just click on the “+” icon to add a column. Do this repeatedly if you want to add more columns to the field as you need.

Good job! You have successfully added your desired columns to the field.

Conclusion

We have shown you two easy and clear methods of how to add columns in Elementor above. You can follow the steps of either method to add your desired columns to the field in Elementor with ease for your business purpose.

We appreciate your patience in reading this article to the end. Have a good day.


Leave a Reply

Your email address will not be published.

*


Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Mid-yearly 40% offer is here. Grab it before it ends!!  Element Pack | Prime Slider| Ultimate Post Kit

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest to us how to improve