Add or Edit Column Grid Layouts

Introduction

Adding a Column Grid

Via the Slash Command or Insert Menu

• Slash Command - type in /column to search the column options
• Insert Menu - Click on the "+" icon and search for the column options
• Choose between a 2 Column, 3 Column, or 4 Column grid layout

Dragging an Item to the Right of Another

1. Click on the drag handle of any component you want to create a column with
2. Drag that component to the right-most part of another component that you want to be on the left column of the grid
3. Drop to create a 2 column grid once you see the blue vertical line

Click to Add Text on the Right of an Image

1. Click in the area to the right of an image where you see "click to add text"
2. This will create a 2 column grid with the image in the left column

Editing a Grid

Add / Remove a Column

• Adding a column - click on the "+" button on the right-most border of the column grid layout
• Removing a column - click on the horizontal dots in the top border of the column you want to delete. Click on the trash icon to delete the column

Styling a Column

• To style the entire column grid layout, click on the vertical dots menu to the left of the top-left corner of the column grid
• To style an individual column, click on the horizontal dots in the top border of the column you want to style

• Vertical Alignment - align the contents of the column to the top, center, or bottom
• Background Color - set a background color for the colum
• Add / Update Image - brings up the image library so you can set an image background for the column
• Border - format the location, border color, stoke weight, and style of the border
• Corder Radius - determine the roundness of the corner from sharpe to circular

FAQ