Content Columns

The Content Columns section allows you to create multiple columns of content for better visual organization and structured information display. The Content Columns section is used to display multiple content items in a column-based layout.

Each column can include an image, heading, and description, allowing you to present features, categories, or key messages side by side.

How to Activate

Go to Theme Editor
- Navigate to Online Store > Themes > Customize.
- Click Add section and select Multicolumn.
Add Columns
- Click Add Column and enter content such as text, images, or buttons.
- Configure each column’s alignment and layout.
Customize Appearance
- Adjust spacing, background colors, and text formatting.
Save Your Changes
- Click Save to activate the section.

Best Practices

Use columns to organize complex information neatly.
Ensure images and text align well across different devices.
Avoid overcrowding; keep content concise.

Section settings

Content

Heading

Main heading displayed above the columns.

Spacing

Top padding

Adds spacing above the section.

Bottom padding

Adds spacing below the section.

Appearance

Color scheme

Applies a color scheme to the section.

All text and background colors inherit from the selected scheme.

Custom CSS

Custom CSS

Allows adding custom styles that apply only to this section.

Blocks

The Content Columns section is built using Column blocks.

You can add multiple columns and reorder them freely.

Column (Block)

Each Column represents a single content item within the section.

Media

Pick an image

Selects an image displayed inside the column.

Content

Heading

Heading text displayed in the column.

Show header

Shows or hides the column heading.

Collection description

Rich text content displayed below the heading.

Show description

Shows or hides the description text.

Layout

Image first

Controls the order of content inside the column:

First – Image appears above the text
Second – Image appears below the text

Behavior

Columns automatically adjust to screen size
On smaller screens, columns stack vertically
Images and text align consistently across columns
Content visibility can be controlled per column

Notes

Use columns to highlight features, categories, or informational content
Images are optional for each column
Headings and descriptions can be independently toggled