css – Woocoomerce product images sizes in catalogue and in product page

I am trying to unify the product catalogue, product images to be exact. You can check it out here: https://obilka.cz/kategorie-produktu/prirodni-kosmetika/pece-o-telo/peny-do-koupele/

The problem is with sizing and cropping. I need to figure out a way to have a unified max height in the catalogue while not having to crop the image or de-formate it.

The only thing I can think of is putting a max-height property with height: 100%, width: 100%, but I’ve got no clue how to execute it.

Part 2 of this threat is putting a max-height property on the product image on the product page. Again I need to find a CSS code to minify the product image, without cropping it and de-formatting it. You can check it out here: https://obilka.cz/produkt/pena-do-koupele-medova/

Overall I need those product photos to be symmetrical and not being so big in the product page…

Any ideas?



Source link

Latest articles

Related articles

Leave a reply

Please enter your comment!
Please enter your name here