Checkout T&C Checkbox, Size & Color

  • Resolved sebstar82

    (@sebstar82)


    3 years, 5 months ago

    Hi guys,

    I am a bit ashamed to ask for this to be honest, but I have had no luck finding and answer anywhere.

    I just want:

    The “I have read the Terms & conditions”- Checkbox on checkout page, to be a bit larger and change the color of it.

    I have my global borders color set to a light grey, I think it looks good for the design. But it also make that important checkbox, almost invisible.

    Any help here would be really appreciated !

    Best Regards
    Sebastian

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey @sebstar82

    i’m happy to help but couldn’t able to access your site as it’s on maintenance mode.

    Naz.

    Thread Starter sebstar82

    (@sebstar82)

    Hi Naz,

    I have taken it off maintenance mode right now ??

    Thanks!

    The below snippet will make your checkbox bigger:

    .ct-checkbox, .comment-form input[type="checkbox"], #ship-to-different-address-checkbox, .woocommerce-form__input[type="checkbox"], #wc-stripe-new-payment-method[type="checkbox"], .wpforms-container:not(.wpforms-container-full) input[type="checkbox"]{
    padding: 7px!important;
border: 1px #333 solid!important; /*border color*/
}

    The below snippet will make the T&C text bigger:

    .woocommerce-terms-and-conditions-checkbox-text{
    font-size: 16px!important;
}

    All these snippet goes to Appearance> customize > Custom css

    Cheers.
    Naz

    Thread Starter sebstar82

    (@sebstar82)

    Thank you SO much Naz, this is just what I was looking for and even a bit extra like border thickness which is perfect ?? – You made my day!

    Cheers
    Sebastian

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Checkout T&C Checkbox, Size & Color’ is closed to new replies.