Rows

Rows serve as the basic containers for your content blocks in the Landing Page Drag and Drop Editor. Each row can be split into up to 12 columns, and each column is able to hold a content block.

Row Properties

Selecting a row from the main canvas will open the Row Properties area.

The following are the styling options available for adjusting your rows:

Row background color: This option allows you to set a background color for the entire row.

Content background color: This option allows you to set the background color of the content areas within the selected row.

Row background image: When enabled, this field will allow you to enter the URL of an image to use as the background for the selected row.

This will also reveal the following options for selecting how the image will fit into the row:

Full width: The image will be stretched to fit the full width of the row.

Repeat: The image will be repeated to fill the row.

Center: The image will be centered in the row.

Borders: Allows you to set the border style, size, and color for all sides of the column. If “More Options” is enabled, then this will allow you to set the border stye, size, and color for the top, bottom, left, and right sides of the column.

Content area rounded corners: Allows you to set whether to round the corners of the content area. If "More Options" is enabled, this will allow you to configure the corners individually.

Vertical Align: Allows you to specify the vertical alignment of the content within the row.

Stack on mobile: If enabled, then columns within the row will not stack upon one another and will display like they would on the desktop version of the landing page. Setting this to "OFF" will also disable the “Stack order on mobile” option below since the items would not be stacked.

Stack order on mobile: Allows you to specify the stack order on mobile. 

Hide On: Allows you to specify if the row should be hidden on Desktop or Mobile.

Columns Structure

This section will allow you to select and adjust the size and properties of the columns within your rows. This section also contains the options for adding and deleting additional columns. The maximum number of columns is 12.

If you have at least two columns, then you can select which column you would like to edit in this section and the option to delete a column will also appear:

These are the other options:

Column background: Allows you to select a background color for the selected column.

Padding: Allows you to set the padding in all directions for the column. If “More Options” is enabled, then this will allow you to set a padding value for the top, bottom, left, and right sides of the column.

Border: Allows you to set the border style, size, and color for all sides of the column. If “More Options” is enabled, then this will allow you to set the border stye, size, and color for the top, bottom, left, and right sides of the column.