Docs

[rmkmead]

Hi, I am trying to get my woocommerce cart page to display the update cart and “Apply coupon” buttons nicer. On my old site the apply coupon button was floated to the right and the update cart button was floated to the left. Then on mobile screen the buttons went fullwidth. This is how I would like it to display on my new site.

Currently the coupon input is displaying fullwidth at all times and the “Apply coupon” and “Update Cart” buttons are floated to the right which does not look very good at all.

I am using the following:
Wordpress 4.6.1
X-child 1.0.0
X 4.6.4
Woo commerce 2.6.4
Cornerstone 1.3.3

[rmkmead]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:767px){

.woocommerce .cart input[name="apply_coupon"] {
    float: left;
    margin-left: 0;
}
input#coupon_code {
    width: 20%;
 
}
}

Hope that helps.

[Author]

Posts