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 can I change the width of checkbox options?

    Asked by westfieldridingclub on May 04, 2016 at 09:47 AM

    I want a form that has several long options. I want to use check boxes to choose the one(s) they want. But the long text is all jammed into one skinny column, which makes it very hard to read. How can I spread out that text so it is easier to read?

    Page URL:
    http://westfieldridingclub.org/662-2/

    checkbox checkbox options how change the width
  • Profile Image
    JotForm Support

    Answered by Kiran on May 04, 2016 at 11:26 AM

    I've checked your web page see that the options are listed in a single line and they didn't exceed the width of the form. If you want to increase the width of the options displayed, you may inject the following code to your JotForm:

    .form-single-column .form-checkbox-item {

        width: 110%;

    }

    If you want to display the options in lines, you may use the following code so that if any options are exceeding the width, they will be pushed to the second line. 

    .form-radio-item, .form-checkbox-item {

    white-space: normal !important;

    }

    If you are referring to something else, please let us know. It would be helpful if you can provide us with the form ID in question we can guide you in the right direction. 

    Thank you!