Rows serve as the basic containers for your content blocks in the Landing Page Designer. 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.
Do not 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. Enabling this will also disable the “Reverse stack order on mobile” option below since the items would not be stacked.
Reverse stack order on mobile: If left disabled, then this option will stack the columns in the row in order with the left-most column at the top of the stack and the right-most column on the bottom. If enabled, then this option will stack the columns in the row in order with the right-most column at the top of the stack and the left-most column on the bottom.
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.
Customize Columns
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.
Default Rows
Selecting "Default" in the Rows section will give you access to some default row designs you can use as jumping-off points for your own design.