ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• May 6, 2015 at 5:32 pm #172530
  leadgenmedia

  Member

  Post count: 27

  Hi,

  I set a “Terms & Conditions” page in WooCommerce’s “Checkout” settings.

  As a result, there’s a checkbox in the order review box along with its label. The checkbox seems out of place.

  I have also enabled a third party plugin (which calculates EU VAT) which will also, occasionally, show a checkbox above the payment button – that is what you’re seeing in the image I’m attaching.

  I don’t understand why the first checkbox is to the left and the other one is to the right (as well as their labels) but both are broken.

  What I’d like to is this:

  a) align both checkboxes to the left (or to the right – it doesn’t really bother me as long as both are in the same place) and bring them inline with their labels.
  b) have both checkboxes appear BELOW the payment button (but this many not be outside the scope of your support – I honestly don’t know! 😀 )

  Thank you.

  Attachments:

  You must be logged in to view attached files.
  May 6, 2015 at 5:33 pm #172532
  leadgenmedia

  Member

  Post count: 27

  This reply has been marked as private.
  May 7, 2015 at 6:21 pm #172962
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  Add this custom css for the terms label:

  .woocommerce #payment .terms input {
    margin: 9px 0 0 12px;
  }
  

  The one above the button though isn’t down to an issue with our css – you’ll need to check with the plugin developer for that.

  – Ed

  May 7, 2015 at 6:27 pm #172966
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Just had another look and managed to sort some css for you:

  
  .woocommerce #payment .terms.location_confirmation {
  margin-bottom: 20px;
  }
  .woocommerce #payment .terms.location_confirmation input {
    position: relative;
    float: right;
  }

  – Ed

  May 8, 2015 at 7:59 am #173096
  leadgenmedia

  Member

  Post count: 27

  Wow Ed!

  Both worked perfectly! Thank you very much – you guys are awesome.

  Expect a warm review coming your way on ThemeForest! 🙂

  Thank you.

  May 8, 2015 at 11:45 am #173219
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

  July 9, 2015 at 4:36 pm #193337
  harukagnd

  Member

  Post count: 26

  Hi Ed,

  I tired to use the above code on my own site, but wasnt able to get the check box and terms right.

  Pls see the screenshot

  I even tried both float right and float left

  Attachments:

  You must be logged in to view attached files.
  July 9, 2015 at 4:48 pm #193342
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi @harukagnd,

  Is your theme Atelier?
  provide us your site url.

  -Rui

  August 18, 2015 at 8:15 am #204812
  pascalstoessel

  Member

  Post count: 12

  Hi guys,

  I also need some help with custom css and my checkbox in the checkout. At the moment it is display as in attachment.
  I have to change two things:

  1) Checkbox above the following text of general terms and conditions.

  2) “Deine Bestellung” should be “Ihre Bestellung”

  Thanks for your help.

  Attachments:

  You must be logged in to view attached files.
  August 18, 2015 at 8:21 am #204817
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi @pascalstoessel,

  We will need your site url to check the checkout page.

  Regarding 2 you should translate, you can use this plugin for that.

  Real-Time Find and Replace

  -Rui

  August 18, 2015 at 8:24 am #204819
  pascalstoessel

  Member

  Post count: 12

  This reply has been marked as private.
  August 18, 2015 at 8:39 am #204825
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  .woocommerce form .form-row .input-checkbox {
       margin: -10px 8px 0 0!important;
   }

  -Rui

  August 18, 2015 at 8:48 am #204826
  pascalstoessel

  Member

  Post count: 12

  That worked great!
  Thanks a lot!

  August 18, 2015 at 8:49 am #204828
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Great.No problem.

  -Rui

• Back to forum

  Posted in: Atelier