Question

我的网站是DELIVERY。我正在设计每个产品的设计。我使用产品图像和价格到div的中心

.woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img,.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img
{width:50% !important;
margin :0 auto !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product     .price,.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3
{text-align:center;}

当我尝试在中心制作购物车按钮时，它实际上并没有移动。

我试过

.woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a
{margin:0 auto;text-align:center;}

但没有任何效果.Plaese帮助!!!

Answer 1

将text-align: center添加到产品的<li>容器中。

ul.products li{
    text-align: center
}

Answer 2

在购物车按钮上尝试以下操作，同时确保其父容器设置了宽度。

display: block;
margin: 0 auto;

Answer 3

你可以试试这个。

products li{
    text-align: center
}

和

margin:0 auto;

Woocommerce按钮未与中心对齐

3 个答案: