如何下拉之间添加一个空格，并添加到购物车按钮，在可变产品

Question

在WooCommerce，我变型产品，我怎样才能增加woocommerce产品页面之间的（差距）“选择一个选项”按钮和“数量+添加到购物车按钮“？

这里明确的截图：

---

编辑：这里是一个活链接：http://www.noushasasart.com/product/harsh-bark/

是的，我提出了一个 “添加到购物车” 按钮即可产品标题后。

Answer 1

这似乎是已经在这里做了一个自定义（这就是为什么你这个问题）：
模板“单添加到购物车”已经上升到“简短描述”。

通常，您应该有一个选择下拉字段，而不是按钮“选择一个选项”。

所以，你应该试试这个：

.single-product div.product .variations_button.woocommerce-variation-add-to-cart { 
    padding-top: 1em !important; 
} 

甚至更​​多具有：padding-top: 2em !important;

或者你可以尝试添加一些 “上边距” 太：margin-top: 1em !important;

但不知道它会解决你的问题，因为唯一有效的方法应该是有一个实时链接。