This article will cover how to add new rows with different column layouts to your page.

Rows contain multiple or just one column. You can choose from a variety of different rows with different column layouts. Rows function as a way give your landing pages layout.

Click on Add New Row


This will give you a popup with a variety of row layouts to choose from.

Choose a Column Block Type

Columns allow you to control the layout for different elements on your page. Choose a column block style and hit "Add to page" when done.

All Column Block Types

1 Column Block

2 Column Block

3 Column Block

4 Column Block

Left Sidebar Column Block

Right Sidebar Column Block

Settings

You can edit the Name, Padding, Background, Color, Width and much more.

Section Name – Give your section a name to help organize your page

Section ID – Used for your own custom CSS and absolutely must be a unique ID (auto generated for you)

Background Color – Change the background color using the Color Picker.

Background Image and Position – Choose from your own graphics or use the pre-loaded BG images. Select the position: full width, repeat, etc.

Padding and Margins

Control the padding and margin for your Section.

Padding – Change the Top and Bottom padding sizes individually. Control the Left / Right padding together.

Margin Top – Add some top margin to make some space between your sections.

Corners and Border

Change the border size, style and add rounded corners.

Corner Radius – Choose the size of the rounded corners. 5px for small and 20px for large corners.

Edges – Choose the have rounded corners for all, just the top or just the bottom.

Borders – Add a full border, just the top and bottom or just on the top or bottom.

Border Styles – Choose to have a solid border, dashed or dotted styles.

Border Size – The thickness of the borders for your section.

Border Color – Choose a color using the color picker for your borders.

Effects and Animation

Make your sections really pop out and animate, if you want too.

Add Drop Shadow – Choose to have a light, full or dark drop shadow for your section.

Animation – Choose the different animation settings. Please check "Animation Page" for more information on animations.

Did this answer your question?