Hover reveal second image not quite right

NickyGouna
Excursionist
17 0 4

Hi All,

When I hover over to reveal the second image it appears like this.

Is there anyway of fixing this so that the second image hides the first image (the first image doesn't appear behind it?)

NickyGouna_0-1619081757496.png

NickyGouna_1-1619081821030.png

 

Store URL: https://curatdbyxtfp.myshopify.com/collections/floor-lamp

Store password: feisew

 

Thanks in advance

KetanKumar
Shopify Partner
16937 1852 6342

@NickyGouna 

sorry

KetanKumar_0-1619173951387.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
16937 1852 6342

@NickyGouna 

thanks for it do you need the hover image is a static and the current static image on the hover right?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NickyGouna
Excursionist
17 0 4

I'm not quite sure I understand.

Basically 

The second reveal image when you hover over, I don't want to see the first image behind it. Another example is below

the second reveal image is a rug but you can see the first image behind it still.

NickyGouna_0-1619186206594.jpeg

 

KetanKumar
Shopify Partner
16937 1852 6342

@NickyGouna 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.grid-product__content:hover .grid__image-ratio.grid__image-ratio--portrait.lazyloaded {
    opacity: 0;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
NickyGouna
Excursionist
17 0 4

Hi, Unfortunately it hasn't resolved my issue

KetanKumar
Shopify Partner
16937 1852 6342

@NickyGouna 

if possible to share video further issue may sent video to loom publish link

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes