Przycisk Woocommerce nie jest wyrównany do centrum - html, css, wordpress, css3, woocommerce

Moja strona jest DOSTAWA . Stylizowałem appaerance każdego products.i sprawiłem, że obraz produktu i cena były w centrum diva

.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;}

a kiedy próbowałem zrobić przycisk koszyka w centrum, nie jest on właściwie ruchomy.

próbowałem

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

ale nic nie działało.

Odpowiedzi:

Dodaj text-align: center do <li> pojemnik produktu.

ul.products li{
text-align: center
}

Spróbuj wykonać następujące czynności na przycisku koszyka, upewnij się również, że jego pojemnik nadrzędny ma ustawiony zestaw szerokości.

display: block;
margin: 0 auto;

Możesz spróbować tego.

products li{
text-align: center
}

i

margin:0 auto;