Hi all I want to add a small icon on top of each header on the multicolumn section. I want to add a heart icon on top of the first column which is “We care” and a handshake icon on top of the second column which is “We commit” and finally a package icon on top of the third column which is “We deliv…

Instructions: In your theme’s code open the ‘base.css’ or ‘section-multicolumn.css’ file At the bottom of the file paste the below CSS code: #shopify-section-template--18094115750084__multicolumn_9FJhrW img.multicolumn-card__image{ width: 70px /*Change for preference*/; height: auto…

At the top of the settings for each column block in a multicolumn section , you can select an image from your computer.

You can add CSS to make image smaller, I can help you with that but you need to add the images first so i can look at your website and come up with the css code

Hey! That worked, much appreciated.

Adding Icons to the multicolumns

Shopify Discussion

Mohd01 January 22, 2025, 6:51pm 3

Yes, but its pretty big

Topic		Replies	Views
Adding icons to multicolumns Education & Credentials troubleshooting	4	101	January 21, 2025
Implementing icons to the home page Shopify Discussion troubleshooting	1	26	June 19, 2024
How to place small icons in the multicolumn model Store Design design , landing-page , css , html	12	257	December 19, 2024
Icon size images on multicolumn Craft theme Technical Q&A customizations , css , troubleshooting	6	66	March 6, 2026
Home Page Icons Education & Credentials troubleshooting	4	20	January 23, 2025

Adding Icons to the multicolumns

Related topics