Fraud Blocker
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.

2 - BdThemes

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.

3 - BdThemes

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.

4 - BdThemes

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.

5 - BdThemes

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.

6 - BdThemes

Step-2: Go to the User Preferences menu

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

7 - BdThemes

Step-3: Enable the Editing Handles switcher

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

8 - BdThemes

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.

9 - BdThemes

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


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.

advanced divider
On Key

Related Posts

Leave a Reply

Your email address will not be published.


For security, use of Google's reCAPTCHA service is required which is subject to the Google Privacy Policy and Terms of Use.

I agree to these terms.

Tauhidur Rahman Masum

Tauhidur Rahman Masum

Working as a content writer at BdThemes. Aimed to go further in the journey with WordPress.
Share this article
Subscribe for weekly updates

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.

Our supported payment system and security badge