Five Template: Removing fade effect on hover

Site URL: https://hettieroberts.com/canvas-art-prints

I would be grateful for any advice on this issue. I have searched the forums and tried several things but not found one that works.

Five template:
When hovering on my product images (only the thumbnail images on the main product pages, such as on the site URL I listed), they fade slightly, so the images wash out a bit as you move over them.

I would like to have this effect completely removed (no fade or transition upon hovering on any product images... or any images on the whole site if that’s easier). Can anyone suggest a way this might be accomplished? Thanks so much!

29 minutes ago, SquareRefresh said:

Hey @Hettie try to add next code in Custom CSS:

#productList .product:hover .product-image img {
  opacity: 1;
}

 

@SquareRefresh Worked perfectly - thank you!!

32 minutes ago, Hettie said:

@SquareRefresh Worked perfectly - thank you!!

You're welcome!

Hello, i wish to know wich template did you use, thanks

On 12/26/2021 at 10:17 AM, Exneyder said:

Hello, i wish to know wich template did you use, thanks

Five Template, the questions mentionted this