Cropped images of product image gallery

Hi guys,

I was just trying to customize the image gallery of a product (under the main image), and I was trying to find the correct css to make the images fully appear and contained in the box, and not cropped. Does anyone know how to do so? I tried this but it doesn’t work:

`.woocommerce .flex-control-nav.flex-control-thumbs img {`

`width: 100% !important;`

`height: auto !important;`

`object-fit: contain !important;`

`}`

Thanks !!

Here’s an image showing what i mean : (the 4 pictures below the main one are cropped)

https://preview.redd.it/827wxipvkhrc1.png?width=734&format=png&auto=webp&s=9a537fb9a84a8a6d2f5aab8293bc42de451e68a3

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer