How to make image clickable?

[SMSIGroup1]

Good day!

I just want to ask how to make these three images clickable.

The goal is for customers to know that the images are clickable when they visit the "About Us" page.

Seeking your help.

Thank you so much.

LINK: https://hushpuppies.com.ph/pages/about-us

[SMSIGroup1]

Can you help us with that?

What we want to happen is to have a link for each image, with a landing page.

Thanks

[Dan-From-Ryviu]

Hi @SMSIGroup1 

Please add links for your multi-columns and then add this code to Custom CSS of that section 

a.flex.items-center.text-current:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
a.flex.items-center.text-current {
    opacity: 0;
    height: 1px;
}

[SMSIGroup1]

Hello, since I'm a newbie in coding, where should I specifically place this code file?

Thank you.

[Dan-From-Ryviu · Accepted solution]

Go to your Online Store > Themes > Customize > select page template of About us page, choose Multi-column section then you can see Custom CSS of that section, place code in there and save your template. 

[SMSIGroup1]

Thank you!

[Dan-From-Ryviu]

You are very welcome! 

[Emilie]

Hi, this is not working for me. If I add the code in the CSS part then the website says this: "Online Store editor session can't be published". I also don't understand where I'm suppose to add the link. Could you help?

[Dan-From-Ryviu]

Hi @Emilie 

Could you share your page link so I can check?

[Emilie]

https://chelseaartstudio.com/

This is my wesbite, and I'd like to connect the 4 images bellow the video to 4 different links