How to Widen a Column in Elementor

Here are the steps that you need to know to widen a column in Elementor.

The first thing that you need to do is to access your website’s backend. Then you need to navigate to the page/post which you would like to edit and then access the Elementor editing settings.

You can manipulate and style the columns via the options in the Elementor Panel. These can be found on the left side of the screen or by right-clicking on the column handle and then choosing the option from the context menu that will display.

There are several options on the right-click menu, which include options to add a new column, duplicate the column, and more. Clicking on either of the two options such as adding a new column or duplicating a new column might shrink the current column settings that are currently in use.

There is also the option to delete the column. This will often mean that other columns on the page will widen to fill the gap.

So if you’re looking to completely change the designs of your page and changing the width of a column is just part of the process, you might want to do these adjustments first.

Alternatively, to adjust the width, you need to click on the ‘Edit Column’ option. This option will display every option you have for the column in the Elementor panel on the left. On the panel, you will get the following options.

Column Width: this is set as a percentage of your page width.
Vertical Alignment: The column content’s alignment vertically.
Horizontal Alignment: The ability of inline positioning is improved.
HTML tag: Set an HTML tag for your column.

Space Definitions can also be used. You can set the space between columns, around columns, and even add equal space around them.

It is important to save the changes you made and then preview the page. This ensures that the page looks good and is not creating an error where the user has to scroll to the right to see the entire page. This can be frustrating (though audiences don’t mind scrolling down).

If there are problems, be sure that you’re looking at the column again. If you’ve changed the width and the widths of all the columns are more than 100%, you might experience this problem.