Column Block

The Column block is used within a Columns block to create individual columns in a multi-column layout. You cannot add a Column block directly; it must be added inside a Columns block.

Adding a Column

1. Add a Columns block first
2. Click the “+” button inside the Columns block
3. Select “Column” to add a new column
4. Add content blocks inside the column

Column Settings

Width

Control the width of the column:

• Equal Width: All columns share equal width (default)
• Custom Width: Set a specific width for this column
• Use percentage or fixed pixel widths

Vertical Alignment

Align content vertically within the column:

• Top: Align content to the top (default)
• Center: Center content vertically
• Bottom: Align content to the bottom

Adding Content

Add any blocks inside a column:

• Text blocks (paragraphs, headings)
• Media blocks (images)
• Design blocks (buttons, separators)
• Other blocks as needed

Styling Options

Colors

• Background Color: Set background color for the column
• Text Color: Set default text color
• Heading Color: Set color for headings
• Button Color: Set color for buttons
• Link Color: Set color for links

Typography

Set typography defaults for column content:

• Font size
• Font family
• Font weight
• Line height
• Letter spacing
• Text transform
• Text decoration

Spacing

• Block Gap: Control spacing between blocks within the column

Borders

Add borders to the column:

• Border color
• Border radius
• Border style
• Border width

Best Practices

1. Equal Content: Try to keep content heights similar across columns
2. Consistent Styling: Use consistent styling within columns
3. Mobile Considerations: Remember columns stack on mobile
4. Content Balance: Distribute content evenly across columns

Troubleshooting

See the Columns Block documentation for troubleshooting tips, as column issues are typically related to the parent Columns block.