Image Hover remove opacity - debutify theme

zachr9
Excursionist
25 0 2

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

Replies 2 (2)

GemPages
Shopify Partner
5588 1261 1207

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

GemPages_0-1673940179027.png


2. Open your theme.liquid theme file


3. Paste the below code before </head>

<style>
a.grid-product__image-link:hover {
    opacity: 1 !important;
}
</style>

 

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

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
debutifysupport
Shopify Partner
125 17 54

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. 

debutifytechsup_0-1674162614739.png

 

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