What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by fhpw on April 29, 2015 at 12:15 AM

    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,

     

    Page URL:
    https://secure.jotformpro.com/form/51174046122949

    customize checkbox checkbox style
  • Profile Image
    JotForm Support

    Answered by EltonCris on April 29, 2015 at 04:11 AM

    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!

  • Profile Image

    Answered by fhpw on April 29, 2015 at 08:15 AM

    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?

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 29, 2015 at 10:30 AM

    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

     

     

     

  • Profile Image

    Answered by fhpw on April 30, 2015 at 02:24 PM

    Perfect!  Thanks team JotForm.

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 30, 2015 at 03:06 PM

    You're very welcome, fhpw! 

    I'm glad it worked out well. 

    Cheers!