Icon with text

Use the Icon with text to highlight key product details or promotions.

  • Show a default or custom Icon

  • Add Text

  • Make the block a clickable link

See the Featured icon with text block that has a custom background color.

Add icon with text


Under Product overview, click (+) Add block and select Icon with text. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start adding content.

Select icon


Choose an icon or upload your own to display next to the featured text.

Click Icon with text block to find settings

Setting
Description
Options

Icon

Choose from 40+ free icons.

Default: Checkmark

Custom icon image

Upload your own icon image to display next the heading. We recommend a PNG image with a transparent background and minimum dimensions of 50px by 50px.

Add text


Add a short text to highlight a key feature or detail.

Click Icon with text block to find settings

Setting
Description
Options

Heading

Add text to display a title at the top.

Text

Enter multiple lines of rich text.

Default: "Icon with text"


Add a link to redirect visitors to another page when they click the block.

Click Icon with text block to find settings

Setting
Description

Link

Enter the page or URL that you want to link to.

Add bottom padding


Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.

Click Icon with text block to find settings

Setting
Description
Options

Bottom padding

Add spacing below the block.

1 - 50px

Default: 16px

Last updated

Was this helpful?