“How do I use the text columns with images section?”

The text columns with images section allows you to place up to three columns of text, side by side. You can optionally include call to action links for each column.

This section is perfect for outlining product features, return policies, or telling your customers why your store is special.

Text columns with images

Of course, images are optional if you would rather just display one, two or three columns of text.

Text columns without images

While customizing your home page, this feature is available by using the Add section button.

Settings

You can optionally provide a heading and subheading that is displayed before the columns of text.

Heading
Add optional text for the heading of this section.
Subheading
Add an optional subheading or description. We recommend keeping this to a line or two.

Section style

Section style settings allow you to change the look of the section you are editing without changing the look of all the others.

You can change the style of many home page and product page sections across the site.

Outline section
Select this checkbox to remove the section’s background color and outline the section with a border instead. See an example

Outline section

When you enable an Outline section setting, it removes the section background, letting your store’s global background color to show through. It then adds a border around the section, which uses your store’s border color setting.

Outline section disabled (left) and enabled (right)

For more information about color settings, see the Colors article.

Content

For each column you want to display, you can add a content block and enter the content. Use the Add column button to add a block.

Image
Add an optional image to be displayed at the top of the column.
Max image width
You can manually set how large the column’s image should appear.

The minimum width is 10% of the column, and the maximum width is 100% of the column.

Heading
Add text for the heading of the column.
Subheading
Add subheading text for the column.
Link
Paste a URL or add a link for display at the bottom of the column.
Link text
Add text to be displayed for the link.