Skip to main content

How to automatically align content in columns

If your elements don't align in a row you can learn how to automatically align them using our new auto align content switch.

Updated over 2 months ago

Due to differences in image size, the amount of text, or header size elements in a column, the images may not align; as a result, they may appear staggered when viewed on the page.

If your column looks unbalanced, like in the example above, you can use our 'equal column heights' button to align each element.

To make sure that each of your elements aligns in this example, you can go over to your right sidebar once your column has been selected and toggle 'equal column heights' on.

This toggle only affects the 'first child' (the element coming immediately after the column element in the breadcrumb at the bottom of the page) in each column, so if you have multiple elements in either column, dragging them into a single container element is recommended.

Did this answer your question?