How do I make the image fit the box on ‘you may also like’ section, the way they fit on product page

Solved
Emurph35
Excursionist
36 0 13

Hello 

Please may someone provide a code to allow the below hover product image fit the box in the below section: 

E1EE6AE5-BF2D-400E-AF8E-1C190574B758.png

 

I nee this to be the same fit as it pears on the collection page as per below: 

A14D15A4-87C6-400A-B48D-A5AC74B68445.png

 

The site URL is https://now-lashes.myshopify.com/collections/say-hello-to-my-vegan-friends/products/nl-47 and password is Thoffo 

0 Likes
dmwwebartisan
Shopify Partner
7363 1742 2329

This is an accepted solution.

@Emurph35 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
#shopify-section-product-recommendations .grid-view-item__image.show_on_hover {
    max-width: 312.5px!important;
    max-height: 290px!important;
    height: 100% !important;
    object-fit: cover;
}
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes