How can I made the multicolumn images on the homepage clickable?

Solved

How can I made the multicolumn images on the homepage clickable?

ChloeHope
Tourist
5 0 0

How can I made the multicolumn images on the homepage clickable?

At the moment they are just images and visitors can only click on the writing below to visit the link. I wish for the image to also link to the same place as the link below it.

 

I have tried to do this within the theme editor, however unfortunately adding a link to the image is not possible within the settings, as the option doesn't exist. Is there code I can add in to the multicolumn.liquid that will make this option appear?

 

I have attached screenshots showing the issue I would like to resolve.

 

My site is www.sketchlasercutting.com where you can see the 4 images in a row just below the scrolling marquee

 

Screenshot 2024-04-10 at 09.49.54.jpg

 

 

Screenshot 2024-04-10 at 09.53.41.jpg

  

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
358 90 87

This is an accepted solution.

Add this Css in

.multicolumn .multicolumn-card__info a.link.animate-arrow:before {
    position: absolute;
    content: "";
    background: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

Base.css File 

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 2 (2)

Raj-webdesigner
Shopify Partner
358 90 87

This is an accepted solution.

Add this Css in

.multicolumn .multicolumn-card__info a.link.animate-arrow:before {
    position: absolute;
    content: "";
    background: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

Base.css File 

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


ChloeHope
Tourist
5 0 0

Thank you!