css - Woocommerce 图片 - 添加图片宽度

Question

我想让 Woocommerce 中的图像更相似。我已尝试使用 Google，但找不到与我的问题相关的任何信息。

图像的高度非常不同，我想将它们全部设为 400 像素。这里:http://afspaerring.adhost-test.dk/vare-kategori/5421/5477/

我试过 height:400px;宽度:初始；这适用于一些但不是全部。是否可以添加一些 bg 或更多图像宽度，以便我的图像为 400x300px 但不裁剪图像而是添加白色。

注意。我看不出 Woocommerce 图像裁剪会解决这个问题。

Answer 1

应用这种风格；这会将您的高度固定在中心位置。

.woocommerce ul.products li.product a img,                         
.woocommerce-page ul.products li.product a img {
    width: initial;
    height: 400px;
    margin: auto !important;
}