Make images fit in picture collection page

[Luxurymrkt]

 

Hi I need  help to make the images fit inside the product pics so you can see the whole pic.

https://luxurymrkt.com/pages/perfectshoeparker

[Dan-From-Ryviu]

Hi @Luxurymrkt 

You can do that by adding this CSS code in Custome CSS of that section 

.swiper-slide img { object-fit: contain !important; }

 

[Moeed · Accepted solution]

Hey @Luxurymrkt 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-image-template--15870642847925__7929d10c-950a-4c94-aaa4-6c7b4925a7a7, .product-hover-image-template--15870642847925__7929d10c-950a-4c94-aaa4-6c7b4925a7a7 {
    object-fit: contain !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Luxurymrkt]

 

Worked but is it possible to add that to all sections on this page?