Image Hover remove opacity - debutify theme

I have been having an issue for a while now where images that have links on the site will fade heavily just by a finger being laid on the image. So as customers are swiping down the page, random images are fading just because they have a link. How do I undo this so that the images do not fade and can still be clicked as a link.

My site is trackfolds.com

Hello @zachr9 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

Hey @zachr9 ,

Inside the theme editor, please click on theme settings > custom style/script and add the following CSS.

.image-link:hover, .grid-product__image-link:hover{

opacity:1;

}

This will remove the fade effect from the product grid images, as well as the featured image sections.

Thank you for choosing Debutify!
Technical Support Team | Debutify CORP

1 Like