How do I make my checkbox size the same as my font?

I would like to have my checkbox size to match my default font size in both the form and payment fields.

Form link: https://secure.jotformpro.com/form/51174046122949

Thanks,

Hi,

Inject this to your form and change the 20px values if you want to resize the checkboxes.

.form-checkbox {

 height: 20px;

 width: 20px;

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

There is compatibility issue with this though on Firefox.

If you want an accurate solution that works in all browser, use the form designer. Click the checkbox field and select the checkbox styles you want. You can also configure it to your preference. Check this visual guide:

Hope this helps. Thanks!

Hi Elton,

Thanks.  I did use the designer at first and it worked to increase checkbox fields.  How do i increase the checkboxes for payment method field so it can match?

Hi, fhpw, 

In addition to what Elton had suggested, you may also inject this to your form so that every checkbox will be of the same size.

input[type="checkbox"]{

width: 20px;

height: 20px;

}

Let us know if this helps. If not, please feel free to get back to us and we will be glad to help you. 

Thank you for using JotForm.

Kind regards, 

Mike_G

Perfect!  Thanks team JotForm.

You're very welcome, fhpw! 

I'm glad it worked out well. 

Cheers!