如何在可变产品的下拉列表和添加到购物车按钮之间添加空格

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;

  

但不确定它会解决您的问题，因为唯一有效的方法应该是建立实时链接。