Woocommerce中的图片未正确分配？

Question

我的Woocommerce site有问题。某些产品的主要图像没有正确地对齐标题。见下面的问题：

我尝试使用旧方法设置图像宽度和高度，然后重新生成缩略图，但似乎在Woocommerce 3.3.X中不起作用。有人可以告诉我如何解决这个问题，或者给我一些指示如何？

这是CSS我认为控制那部分..

.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none
}

Answer 1

您正在设置不同的高度，导致某些项目无法正确对齐。

.product_cat-tops .et_shop_image {
    height: 360px !important; }

.product_cat-jurken .et_shop_image {
    height: 320px; } 

您的CSS集中有很多不同的高度：https://jsfiddle.net/Lwmjseaj/

如果你将这两个设置为相同的高度，字幕将很好地排列:-)