Кнопка Woocommerce не вирівняна до центру - html, css, wordpress, css3, woocommerce

Мій Сайт є ДОСТАВКА . я стилю вигляду кожного продукту. Я зробив зображення продукту та ціну в центрі використання, використовуючи

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

але нічого не спрацювало.

Відповіді:

Додати text-align: center до <li> тара продукту.

ul.products li{
text-align: center
}

Спробуйте наступне на кнопці кошика, також переконайтеся, що його батьківський контейнер встановлений на ширину.

display: block;
margin: 0 auto;

Ви можете спробувати це.

products li{
text-align: center
}

і

margin:0 auto;