How do I disable the product image hover effect in the Dawn theme?

Solved
A_B_C
Tourist
8 0 1

I was able to disable the 'show second image on hover' but there is still a slight zoom effect when you hover over the images in the featured collection section on the homepage as well as on the product grids on the collection pages. Haven't been able to find the code where I can disable this. Would appreciate any help here! Thank you!

You can see this in effect on the Dawn theme demo: https://themes.shopify.com/themes/dawn/styles/default/preview

 

0 Likes
fierymayo
New Member
3 0 0

Hi you will need to overwrite the grid hover event and sent the transform of the image to none. 

0 Likes
jj95
Tourist
5 1 2

This is an accepted solution.

I did it by going into the component-card.css asset, searching for transform: scale and changing them all to transform: none;

0 Likes
marinarmos
New Member
2 0 0

I made that change and it doesn't work

0 Likes
jj95
Tourist
5 1 2

It's working fine for me.

Search (ctrl/cmd+f) transform: scale in the component-card.css asset. This will highlight the three lines you need to change. 
Two transform: scale(1.03); and one transform: scale(1.05);
Change all of them to transform: none; or transform: scale(1);

0 Likes