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 column-width?

    Asked by fuerteventura2007 on June 25, 2013 at 06:50 AM

    I created a form with an option-field an spread them to 3 columns. Now i want to increase the column-width to fit the option-text properly without line-break. How can i do this?

    Best regards

    Page URL:

  • Profile Image

    Answered by jefreylandicho on June 25, 2013 at 08:48 AM

    You can generally increase the width of the column by injecting the CSS Code below

    .form-multiple-column .form-checkbox-item { width:200px !important; }  wherein 200px is the width of the column but for a single column, you will need t lessen the  CSS code e.g.

    .form-checkbox-item { width: 200px !important}

    To inject a CSS code in your form styles, go to Setup & Embed > Preferences then click the Form Styles tab

    I would advise increase your form width if you are planning to increase your column width to avoid the alignment of the checkbox.

    If you need further assistance, please contact us again.