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

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

1 Like

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

1 Like

I made that change and it doesn’t work :disappointed_face: :disappointed_face:

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);

1 Like

Hi,

I just implemented the above and it works on the product page and some of the products in the “featured collection” on the homepage but not all of them. Any ideas on how to apply it across all of them?