How To Center Content In Columns Element

10/06/2019

One of the options in the Column Element is the ‘Center Content’ option. This option allows you to center your content vertically. This only works when the parent Container the Column is in, has the ‘Set Columns To Equal Heights’ option set to Yes. To learn more about how to center your content, continue reading below.

How To Center Content In Columns

IMPORTANT NOTE: The Column Element ‘Center Content’ option only works when the parent Container it is added to, has the ‘Set Columns To Equal Heights’ option set to Yes. Please consider this when building your page.

Step 1 – Insert a Container into the page and select your desired column layout. You must set the Container’s ‘Set Columns To Equal Height’ option to Yes.

Step 2 – Edit the column by clicking the ‘Column Settings’ icon on the left corner.

Step 3 – Locate the ‘Center Content’ option and set it to Yes. Once done, click ‘Save’.

Step 4 – Repeat steps 2 – 3 for all the columns where you’d like your content to be vertically centered.

Column Spacing