Tagged: Cart, update cart, woocommerce
In Woo Commerce 2.3.5 they have updated the framework and moved the ‘Apply Coupon’ , ‘Update Cart’ and ‘Proceed to checkout’ buttons to a different locations in the code, with a better separation of design/code.
I would like to modify the Cart buttons ‘Apply Coupon’ , ‘Update Cart’ and ‘Proceed to Checkout’
I have read the below support post, but the CSS change did not update anything for me.
https://kriesi.at/support/topic/switching-buttons-in-cart-woocommerce-or-enfold/
It offered trying…
#top .avia_cart_buttons > a:first-child {
float: right;
}
I am using CloudFlare, so I purged cache and entered developer mode, but did not notice a change.
Here is the ENFOLD out of the box placement…
Here is the desired coloring and placement, considering primary and secondary action buttons…
Thanks for all that you do, best!
Hi bowmandesign!
Add this to your custom CSS.
.cart .actions .button { background: gray !important; }
.cart_totals { width: 100% !important; }
.cart_totals table { width: 50% !important; }
.wc-proceed-to-checkout {
float: right;
}
Regards,
Elliott