Advice and answers from the ClickFunnels Team

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?