[Resolved] product image in categories fix

[johnaps]

Hello,you can see in the following page
https://sofianos-orthopedika.gr/%CE%BF%CE%BE%CF%85%CE%B3%CE%BF%CE%BD%CE%BF%CE%B8%CE%B5%CF%81%CE%B1%CF%80%CE%B5%CE%AF%CE%B1/%CE%BC%CE%AC%CF%83%CE%BA%CE%B5%CF%82-%CE%B8%CE%B5%CF%81%CE%B1%CF%80%CE%B5%CE%AF%CE%B1%CF%82-%CE%B3%CE%B9%CE%B1-c-pap/

that the 2nd product has out of line prduct title cause of the image… That happens to many parts of my site…
Is there a css fix to adjust this somehow. Like the spacing of the image always be square regardless of the image dimensions?

[David]

Hi there,

you can try this CSS to force all images to a minimum height:

.woocommerce ul.products li.product a img {
    min-height: 175px;
    -o-object-fit: contain;
       object-fit: contain;
}

It may however effect images that aren’t a problem. Its better to edit the original non-square images to include white space to make them square.

[johnaps]

thank you very much!!

[David]

You’re welcome

[Author]

Posts