Archived topic
product image in categories fix
3 replies · Started by johnaps on December 14, 2019
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?
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.
thank you very much!!
You're welcome
