How can I make the checkbox bigger and have a thick border?

  • Profile Image
    hpaschenko
    Asked on October 17, 2020 at 10:33 PM

    Please, How can I make the checkbox bigger and have a thick border?

    my URL: https://form.jotform.com/202736212845150

    Helen

  • Profile Image
    Vanessa_T
    Answered on October 17, 2020 at 11:53 PM

    Kindly add the CSS below to make the checkbox bigger and the border thicker:

    .p_checkbox .select_border, .p_checkbox .checked {

    width: 30px !important;

    height: 30px !important;

    background-size: 20px !important;

    border-width: 4px !important;

    }

    Guide: How-to-Inject-Custom-CSS-Codes

    1602993143_5f8bbbf7de97b_01944.jpg

    If you are referring to something else, please share a screenshot and please explain in detail which exactly you'd like to be changed.

    How-to-Post-Screenshots-to-Our-Support-System (Note: Email Attachment Is Not Supported)

  • Profile Image
    hpaschenko
    Answered on October 18, 2020 at 08:38 AM

    Thank you Vannessa!

    That works great if user selects the checkbox, but is it possible to make the checkbox bigger before it is selected? checkbox is small so it may be difficult for user to position cursor onto the checkbox.


    Helen

  • Profile Image
    Sonnyfer
    Answered on October 18, 2020 at 09:55 AM

    Hello Helen - It seems you copied my colleague's code incompletely. Kindly add a period before the first word to make the checkbox appear the same when checked.

    1603029184_5f8c48c04d052_

    RESULT:

    1603029293_5f8c492d4a717_chc.gif

    Let us know if you need further assistance.


  • Profile Image
    hpaschenko
    Answered on October 19, 2020 at 11:28 AM
    oops. Thank you! all good now
    ...