When designing your layout, understanding how to effectively use rows and columns is key to creating a visually appealing and functional design. Columns play a crucial role in organizing content, and knowing how to customize them can significantly enhance your design process. This guide will walk you through the steps to edit columns, explore additional settings, and provide tips for creating a cohesive layout.

You can either start from scratch or access an existing layout in the Sites section of your CRM. For this example, we will focus on creating a new layout from scratch.

Open the funnel or website builder. Click on the “+” button and select Sections to create a new section. Within the section, click on the + Add Row button to insert a row. Once the row is added, click on it to access the column editing options.

In the column editing step of your design, you have total control over how many columns to include in a row. Depending on your design needs, you can add anywhere from 1 to 6 columns per row.

• Rows and Columns: Rows act as containers for columns, and columns hold the elements of your design. The number of columns you choose determines how many elements (e.g., text, images, buttons) can be added to each row.
• Adding Elements: Once columns are created, you can drag and drop elements like text boxes, images, or buttons into each column.

General Settings #

You can further customize the Column Layout in the General Settings.

• Content Alignment: Choose to align your content vertically or horizontally.
• Content Spacing: Adjust the spacing between elements to create a balanced design.
• Content Position: Position content at the start, center, or end of a column.
• Use the Same Layout For Mobile: Toggle this option to maintain consistency across mobile devices.

Columns are the building blocks of great design. Whether you are working with a single column or stretching up to six, you can create layouts that are both clean and dynamic. Tweak the alignment, spacing, and positioning until it feels just right. With these tools in your toolkit, you will be designing layouts that look polished and professional in no time.

Frequently Asked Questions #

How many columns can I add to a single row? #

You can add anywhere from 1 to 6 columns per row, depending on your design needs.

What is the difference between rows and columns? #

Rows act as containers for columns, while columns hold the actual elements of your design such as text, images, and buttons.

How do I add a column to my layout? #

Add a section, insert a row with the + Add Row button, then click the row to access the column editing options where you set the number of columns.

Can I add elements directly into columns? #

Yes. Once columns are created, you can drag and drop elements like text boxes, images, or buttons into each column.

How do I align content within a column? #

In General Settings, use Content Alignment, Content Spacing, and Content Position to control how content sits within each column.

Will my column layout look the same on mobile? #

You can enable the “Use the Same Layout For Mobile” toggle to maintain consistency across mobile devices.