Minimal theme: remove grey overlay from the collection's imapge

Solved
Highlighted
Excursionist
21 0 4

Hi friends,

I use Minial theme and follow the intoduction :Collection - Add a hover effect to product images on your collection pages, and get hover effect successfully .

But then I found all images in "collection" page became fade and hardly invisible!!!

I think the reason is that there should be too much grey overlay on the images.

So could you help my this problem?

Please refer to my collection page : colletion/earring 

Thanks!

1 Like
Highlighted

Success.

Shopify Partner
2886 384 735

Hello, @smilemerry007 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

 

.grid-link__image--loading {
    background-color: transparent;
    -webkit-animation: none;
    animation: none;
}
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
1 Like
Highlighted
Excursionist
21 0 4

Many thanks to you @KetanKumar  !

It works very well! 

 

0 Likes