Woocomerce formatting

[Deesign]

Hi Team X,

Could you assist with the steps to adjust the formatting of the woocommerce checkout page?
Right now we have an issue where the buttons for the coupon code are in the wrong order - it looks like this:
Apply Coupon Code > Update Cart > Coupon Code field - this order is causing some confusion for customers.
Can we change it to Coupon Code field > Apply Coupon Code > Update Cart - is this something we can adjust in cornerstone?

Thank you in advance for your stellar support!

[jade]

Hi @Deesign,

You have added a custom code that is causing the issue:

.woocommerce .cart .actions .coupon input[type="text"] {
    width: 25%;
    float: right;
    margin-left: 20px;
    min-height: 46px;
    margin-top: 8px;
    color: #000;
} 

The default display of the cart page should be like this: https://demo.theme.co/shop-integrity/cart/

If you want the coupon fields displayed to the right, please remove the code you added and this could should help you get started:

.woocommerce .cart .actions .coupon {
    display: inline-block;
}

.woocommerce .cart .actions {
    text-align: right;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[Deesign]

Thank you Jade,

Reference back to the default settings was a great help - many thanks!

Dee

[christopher]

Glad that ew could be of help