How Do I Get Rid Of This Grey Fade When I Hover My Products

Store Design
1

Hi! When I’m hovering my products, it shows the second image, which is the purpose. But when I put my mouse over it, then the second image has a grey background, although it is a transparent picture like the main product image. How can I remove this? I want it to be clean (white like the main product image), when I drag my mouse over it.

I have a paying-theme called North and my website is www.fitscph.com :slightly_smiling_face: Really appreciate the help!

2

Hi @astriddelin

send me password

best regard

3

Hi @astriddelin ,

To provide you with the most precise solution in this case, could you please share your password page?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

4

Hi, its Fitscph2450

5

Hi, its Fitscph2450

6

Hi @astriddelin ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
7

I just posted a new comment about a problem with the code, can you please check it out?

8

I have a new problem now. After I copied your code, the grey overlay disappeared, but now the second image overlay the first image. So the first image doesn’t go away, when the second image appears when I put the mouse over it. Do you know what the problem is?

9

you can replace the code in my previous answer with the code below: