Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #503606

    Hello,
    I would like to move a few things around in the checkout page of our woocomerce site.
    1- The “additional information” on the right of the checkout. Can it be moved below “Billing Details”
    2- Can the section starting with “Your order” and the paypal bit be moved where the “additional Information” were

    Thanks in advance
    E.

    #503856

    Hi Edna!

    Thank you for using Enfold.

    1.) Use this in the Quick CSS field to move the field:

    #top .checkout .col-2 {
        clear: both;
        float: left;
    }

    2.) Add this code:

    #customer_details {
        width: 48%;
        float: left;
    }
    
    #top .checkout .col-1, #top .checkout .col-2 {
        width: 100%;
    }
    
    #order_review, #order_review_heading {
        clear: none;
        float: left;
        width: 48%;
        margin-left: 2%;
    }

    Best regards,
    Ismael

    #504238

    Thanks Ismael,
    It worked great however now the checkmark that says “Subscribe to our newsletter” is also on the second column of the checkout page just above “your order” headline
    It should be under the text area “Order Notes”

    Thanks for everything
    E.

    #504770

    Hi!

    not sure what you mean with order notes but try to control it’s potision with this code:

    p.woochimp_checkout_checkbox {
    position: relative;
    top: 500px;
    left: 25px;
    }
    

    Adjust as needed.

    Best regards,
    Andy

    #507288

    Thank you very much. I was able to figure it out finaly

    E.

    #507386

    Hi!

    Great you got it shorted!
    We will be happy to help with anything else, just let us know!

    Cheers!
    Basilis

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘WooCommerce checkout page – moving few things around’ is closed to new replies.