css - 应用优惠券按钮在 Woocommerce Checkout 上消失了

Question

我一直在重新格式化 Woocommerce 结帐页面上的优惠券代码框。它原本很大并且位于页面顶部，这是一个糟糕的设计，因为人们会看到大优惠券代码框并离开您的网站去寻找优惠券，然后再也不回来了。

我有我想要的优惠券框，如果您按 Enter 键，它就可以正常工作。问题是您看不到“应用”按钮。它就在优惠券代码框的正下方。如果将鼠标悬停在它上面，就会出现小手形光标。你只是看不到它。

如何让按钮出现在桌面上优惠券代码框的右侧？它会在移动设备上被推到它下面。

您必须将商品添加到购物车才能看到结帐页面：http: //198.199.114.131/shop/

结帐页面：http: //198.199.114.131/checkout/

标签： csswordpresswoocommerce

Answer 1

添加这个：

input[name="apply_coupon"] {
    opacity: 1 !important;
    float: left;
    background-color: bisque !important;
    min-width: 100%;
    margin-top: 1em !important;
}