How do I insert a 1:1 image beside multi-column headings on Shopify Dawn theme?

[maers]

I am trying to make an icon that would fit 1:1 size as the header, meaning if an image is 64x64, it has to fit it and line exactly to the headers text. And obviously every icon will be different. If you’ve encountered this before and have a solution, I would appreciate a ton if you could provide some assistance.

[DaisyVo]

Hi @maers

First, just add the icon you want
then share the page link with me, I will support editing for you

[Shipo-studio]

Hi @maers ,

For this you should hire a developer who can edit the code and make sure it’s fit exactly your demand.

[maers]

Sure thing, here you go:

https://maers.my/pages/returns

For “In-Person” - it is this one: https://cdn.shopify.com/s/files/1/0900/3470/0652/files/In-Person.png?v=1738425935

For “Email” - it is this one: https://cdn.shopify.com/s/files/1/0900/3470/0652/files/Email.png?v=1738425935

For “WhatsApp” - it is this one: https://cdn.shopify.com/s/files/1/0900/3470/0652/files/WhatsApp.png?v=1738425935

[DaisyVo]

Hi @maers

Step 1: You need find multicolumn.liquid file https://prnt.sc/gldiunZtBI6M
Step 2: You need add this code
Before: https://prnt.sc/jrfJMhCsU94s
After: https://prnt.sc/DLeEqLt25-tS
{% if block.settings.title == “Column1” %}

{% endif %}

You have 3 images
You add the code 3 times, same position, change the heading column and image link accordingly

[maers]

Thanks for your response, but it doesn’t seem to did anything at all.

[DaisyVo]

You need change this text

[DaisyVo]

Change from “Column1” to “In-Person”

[maers]

Appreciate this very very much, DaisyVo! This really helps alot!