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:
- Method-1: Add Elementor columns using the section (+) button.
- 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.
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.