通过自定义CSS在woocommerce中产品页面上的中心图像

Question

我正在尝试将图像放在自定义CSS中居中，但找不到好的解决方案。谁能看一下？

网站：http://skrypty.tibijskibot.pl/product/yalahar-pirates/

并且此p骨的图像应居中。我需要针对每个产品执行此操作。

我尝试这样：

.woocommerce-product-gallery woocommerce-product-gallery--with-images woocommerce-product-gallery--columns-4 images{
    max-width: 250px;
  vertical-align: middle;
text-align:center;
}


.figure.woocommerce-product-gallery__wrapper{
    max-width: 250px;
   vertical-align: middle;
text-align:center;
}

我如何在每个产品中将此图像居中？

Answer 1

请尝试一下，告诉我是否可行：

.woocommerce-page div.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
  margin-left: auto;
  margin-right: auto;
}

而不是

.woocommerce-page div.product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
  margin: 0; }