How to stop hover effects on product thumbnails?

Site URL: https://adammannphoto.com/shop

When I hover over a product in my store, it fades into a new image. Is there a way to disable this? I just want a static image for all of my product thumbnails, no hover effects.

On 4/25/2021 at 12:43 AM, simplyadammann said:

Site URL: https://adammannphoto.com/shop

When I hover over a product in my store, it fades into a new image. Is there a way to disable this? I just want a static image for all of my product thumbnails, no hover effects.

Add to Design > Custom CSS

/* Disable Product hover */
.products.collection-content-wrapper .grid-item .grid-image-hover {
    opacity: 0 !important;
}
.products.collection-content-wrapper .grid-item .grid-image-cover {
    opacity: 1 !important;
}

@tuanphan Worked perfectly. Thank you!

On 4/28/2021 at 12:30 AM, simplyadammann said:

@tuanphan Worked perfectly. Thank you!

Do you want to increase right column width on tablet?