Aleš Sýkora wrote

Fix WooCommerce coupon input in Oxygen

9. 4. 2021 in ,

The field for adding coupons in WooCommerce cart is horrible in Oxygen. If you want to fix it from:

Before:

After:

Then feel free to use and edit my CSS:

.woocommerce .cart .actions .coupon {
    width: 80%;
    float: left;
}

.woocommerce .cart .actions .coupon input[type="text"] {
    width: 30% !important;
    float: right;
  padding:14px 12px!important;
}

@media (max-width: 768px) {
    .woocommerce .cart .actions .coupon, .woocommerce-page table.cart td.actions .coupon input[type="text"], .woocommerce-page table.cart td.actions .coupon button {
        width: 100% !important;
    }
}

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from category
Aleš Sýkora wrote
Speeding up WordPress & Toolset
7. 11. 2019 in
Tips for speeding up WP + Toolset.
Read More
Aleš Sýkora wrote
Taxonomy Post Count for Custom Post Type
16. 5. 2019 in
Add this snippet to your functions.php or create your own plugin...
Read More
Aleš Sýkora wrote
Child posts menu for custom post type parent item
1. 2. 2021 in
This code will help you display menu of childs on current post. For example: Product 1 = parent has those child pages: – Product usage– How to– Disclaimer– Calculator When you put this child items menu in your template, it will show all childs of product 1 on all child pages and also on product […]
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram