1 Column

1 Column Element

The 1 Column element provides a quick way to add a full width single column layout to your page.

This is a composite element made up of the following elements:

• 1 Layout Container

• 1 Layout Row inside the layout container.

• 1 Layout Column inside the layout row.

• 1 example Text element

The following element options options are preset:

• Layout Container set for full-width

• Layout Row set to center align horizontally and vertically.

• Layout Column set to use 100% width at the main setting and overridden to Default for the desktop screen size.

• Layout Column has a margin at the bottom using the Custom CSS Classes setting. For more information on adjusting the spacing see Padding and Margin.

Feel free to change the preset options and delete the example Text element.

You may also add additional columns to the layout row by:

• Using the Add Column Element.

• Cloning the existing layout column.

Additional rows can also be added by cloning the existing layout row.