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

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

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

Helen

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

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)

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

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.

RESULT:

Let us know if you need further assistance.