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
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.