Woocommerce 如何在单个页面上将添加到购物车按钮居中

Question

如何使 add to cart 按钮居中：

这是该部分：

您可以在此处找到该页面：

https://silverblaar.tmmbuilds.com/product/full-spectrum-cbd-health-oil/

我尝试了以下代码，但它不起作用：

.woocommerce div.product form.cart { 
  float:none !important; 
}

谢谢！

Answer 1

您可以通过添加这些 CSS

来简单地将数量选择器和按钮居中

form.cart {
display: flex;
justify-content: center;
align-items: baseline;
}

问候

Answer 2

定位表单并使用 text-align 将其居中！

.woocommerce div.product form.cart{
  text-align: center;
}