“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. It also lets you include up to three rows of columns per section. That’s nine blocks in total. You can optionally include a call to action button that links to any page in your store.

Text columns with images example

On mobile devices, the columns stretch out to full-width sections to make each column easy to read:

Text columns on mobile

Using icons

While images are optional, we recommend using icons that complement your text.

For example, if your text is about your store’s shipping policies you could use an icon of a package or a mail truck. There are plenty of sites that offer high-quality icons in many styles, like The Noun Project and Iconfinder.

PNGs

We recommend using the PNG file format for your icons, as PNGs support transparent backgrounds. This means that if you change your store’s background color, you don’t need to re-upload your icons with the new background color.

Section settings

In addition to the columns, you can add a heading and subheading that precedes the section.

Heading
The heading text. This is the most dominant text of the section.
Subheading
Information about or a description of the text columns below. We recommend keeping this to a short sentence or two.

Column block settings

Each column has its own settings. You can add up to nine columns per section.

Icon
Upload an icon that appears above the column text. We recommend using a PNG image with a transparent background.
Width Height Aspect ratio
64 pixels* 64 pixels* 1:1 (square)

* Recommended dimensions. Larger icons or images will be resized.

Heading text
The heading text. This is the most dominant text of the block.
Subheading
More information or descriptive information. We recommend keeping this to a short sentence or two.
Link
Set a link to a page of your choice. This is generally another page in your store.
Button text
The button text.