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

Posted 2023-05-09

【中文标题】Woocommerce我如何将添加到购物车按钮集中在单个页面上

【英文标题】：Woocommerce how do i center the add to cart button on a single page

【发布时间】：2021-11-12 16:26:49

【问题描述】：

如何使add to cart 按钮居中：

这里是部分：

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

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

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

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

谢谢！

【参考方案1】：

您可以通过添加这些 CSS 来简单地将数量选择器和按钮居中

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

问候

【参考方案2】：

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

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