How to change the size of "Check Boxes" on my shipping and checkout pages?

  • Resolved R. Norris

    (@r-norris)


    10 years, 1 month ago

    Im using the Virtue 2.2.2 theme with woocommerce plugin. I have several shipping options with check boxes by them for selecting witch shipping method to use. I would like to make the check boxes larger and easier to see. There are other check boxes I need to enlarge as well such as the “agree to Terms and Conditions” check box. Just cant seem to figure ths one out. to view go to https://www.kokaneestormtackle.com/?page_id=70
    Thank you for your help!
    Rick N.

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

  • Hello. As per Numbers’ suggestion here you can use this CSS

    input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(1.5);

  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
}

    to enlarge your checkboxes, browser compatibility on this is listed in the original answer.

    Thread Starter R. Norris

    (@r-norris)

    Thank you for your response. I tried the code but no results.

    I can’t see the code in your website, which means you entered it incorrectly. Can you tell me where you entered it?

    Thread Starter R. Norris

    (@r-norris)

    I took it back out, but first I tried in the “Edit CSS” under Theme Options. Then I entered it in the “Appearance-Theme Options-Custom CSS” When I didnt see any difference I removed the code.

    Thread Starter R. Norris

    (@r-norris)

    I just tried again…This time it worked! Thank you for your help.

    You’re welcome! Please make sure you mark the thread as “resolved”

    Thread Starter R. Norris

    (@r-norris)

    Okay Thanks again!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change the size of "Check Boxes" on my shipping and checkout pages?’ is closed to new replies.