Docs

[hnr2802]

Hi, i have setup to add ‘Terms and Conditions’ checkbox to the Checkout page in WooCommerce website. but some how it does not displaying correctly and direct link to the T&C page. Please see image attached. furthermore is it possible to adjust the spacing between the “i’ve read..” text and the red order button below.

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Also let us know what you are expecting about the spacing.

Cheers!

[hnr2802]

This reply has been marked as private.

[Christian]

Your website is down (see attachment). Please check.

[hnr2802]

This reply has been marked as private.

[hnr2802]

This reply has been marked as private.

[Christopher]

Hi there,

Please find and remove this custom code :

div#payment label a {
    display: none;
}

Thanks.

[hnr2802]

i have tried updating the code. but nothing change. please advice.
just to be clear, my request are:

1) The terms and condition tick box section only shows “I’ve read and accept the *” it does not complete with my T&C page name & URL.

2) adjust the space between “I’ve read and accept the *” and the red place order button.

please refer picture attachment as per first post.

[Rue Nel]

Hello There,

Thanks for updating in!

#1] Because there is a custom css that got it affected and that is why it is no displaying. To resolve it, please use this code and add this in the customizer, Appearance > Customize > Custom > Edit GLOBAL CSS

body.woocommerce-checkout .wc-terms-and-conditions a {
    display: inline-block !important;
}

#2] To adjust the space between the button the text, you can make sue of this code:

body.woocommerce-checkout .wc-terms-and-conditions {
    margin-bottom: 20px !important;
}

Hope this helps.

[hnr2802]

body.woocommerce-checkout .wc-terms-and-conditions a {
display: inline-block !important;
}

about the code above. how do i change the text “terms and condition” according to my t&c page title which is “Rules & Regulations”?

[Rue Nel]

Hello There,

Thanks for updating in! To change the Terms and Conditions title to something else, since the child theme is set up, please add the following code in your child theme’s functions.php file

// Change T&C title
// =============================================================================
function change_terms_title($translated) { 
  $translated = str_ireplace('I&rsquo;ve read and accept the <a href="%s" target="_blank">terms & conditions</a>', 'I&rsquo;ve read and accept the <a href="%s" target="_blank">Rules & Regulations</a>', $translated);
  return $translated; 
}
add_filter('gettext', 'change_terms_title' );
// =============================================================================

We would loved to know if this has work for you. Thank you.

[hnr2802]

i can see that you have setup the code in my child theme’s functions.php

Awesome support from themeco. Thanks guys

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts