Jump to content

Five Template: Removing fade effect on hover

Go to solution Solved by SquareRefresh,

Recommended Posts

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!

A74EE12E-C745-4B62-A8DE-AAE487968700.jpeg

Link to comment
  • Solution
17 minutes ago, Hettie said:

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!

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

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

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
  • 4 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.