Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 5, 2016 at 9:43 pm #578787
    Wils1234

    Hi Support,

    I would like to align the “I’ve read and accept the terms & conditions and check box” on the checkout page from the right to the left side of the page on all displays.

    Please could you advise how I can do this.

    Thanks in advance.

    February 5, 2016 at 11:00 pm #578828
    Basilis

    Hi Wils1234!

    Please try the following code and let us know if it works as should

    #payment #place_order {
float: right !important;
margin-top: 40px;
}

#payment .terms {
margin-top: -20px;
font-weight: bold;
text-align: left !important;
}

#payment .terms label{
font-size: 14px !important;
}

    Best regards,
    Basilis

    February 7, 2016 at 12:59 am #579079
    Wils1234

    Hi Basilis,

    Almost. I have played around with the CSS to achieve almost what I would like. I just need the T&C´s to be positioned a little to the left so it is align with the Place Order button. I have attached a screen shot and the code is attached.

    #payment .terms {
    text-align: left !important;
    margin-top: 30px;
    font-weight: bold;
    }

    #payment .terms label{
    font-size: 14px !important;
    }

    February 9, 2016 at 8:32 am #580202
    Ismael

    Hey!

    Please replace the css code with this:

    #top #payment .form-row .input-checkbox {
    margin: 5px 5px 0 0;
    float: left;
}

    Cheers!
    Ismael

    February 9, 2016 at 9:59 am #580233
    Wils1234

    Hi Isamel,

    Thanks for your reply.

    Please can you take a look at the attached screenshot.

    I would like the T&C´s moved to the left including the checkbox.

    T&C´s at bottom on Checkout.

    Thanks in advance.

    February 9, 2016 at 12:45 pm #580353
    Vinay

    Hey!

    Please add the following CSS

    
#top #payment .terms {
    padding: 0 !important;
}

    Cheers!
    Vinay Kashyap

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