Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #406020

    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…
    Out of the box

    Here is the desired coloring and placement, considering primary and secondary action buttons…
    Desired UX

    Thanks for all that you do, best!

    #406601

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.