Centering columns of a section vertically

Updated on May 14, 2019

How to center columns of a section vertically?

When you add a widget to a section, by default, the height of the section is equal to the height of its content. In such cases you don’t need to vertically align the section’s columns. But if you add a minimum height to the section or make it fit to the screen, you may need to decide how to align the content of the section vertically.

It’s so easy to center the content of a section vertically in Elementor.

In order to do that:

1. In Elementor, select the section for which columns you want to vertically align so that a new dashboard on the left will emerge with the element’s settings.

2. In Layout tab, set the Column Position option to Middle, if you want to vertically align the columns of the section. 

3. Update the page.

Note: In order for the changes to take place, you need to set a minimum height for the section or fit it into screen. To learn more about it, you can refer to this article.

Did this answer your question?