Current Row Properties

When viewing the website in editor mode, the Current Row will be highlighted by a "blue" border on its left side (in smaller screen sizes, you may need to scroll horizontally to see this).

The Current Row has specific properties that can be set. These only apply to the particular Row being edited and will not be applied to other rows on the event website.

Center Columns Vertically

This toggles if the column content is centered vertically in the container. The default is "off".
This option is best, and most often, used when there are multiple columns across the Row.

An example where the elements have not been aligned across the row (vertically).

An example where the elements have been aligned across the row (vertically).

Column Spacing

This will allow you to add spacing above and below the columns in the Row. The default is None.

Clicking on the Column spacing property label will open its parameters window, where you can enter appropriate values and set the unit of measure with the drop-down selector as needed.

Remove Gutters

This toggles if the "gutters" are removed, extending the Row to the left and right edges of the browser view. The default is "off".

The Elements Per Column option allows multiple elements in the same column to be dynamically displayed centered across the column width. Please note how the elements in the column are also affected by the relative size of the column when multiple columns are displayed in the same Row.

See Edit Column for more details.

A value of 2 or greater must be used in the text box to have more than one element in a specific column. This will immediately allow the additional elements to be added. These elements will be arranged horizontally across the column, wrapping as needed.

Removing the quantity from the ELements Per Column value field will immediately change the column to have the elements stack vertically. If you have multiple elements in the column using the default vertical alignment, setting the Elements Per Column value will immediately rearrange these elements horizontally.

Gap Spacing

The Gap Spacing property provides additional spacing control when multiple elements are in a column. This is an Advanced property of the Row and is often left as-is for the best results.

svg

An example with one element per column.

svg

An example with two elements per column.

Although the Column Spacing property will handle most alignment-related concerns, the Gap Spacing property will manage the space between the individual elements in a column.

In addition to the specific properties available for the Current Row, several additional controls are available.