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 reduce space between form columns?

    Asked by ussolarforce on September 29, 2014 at 07:47 AM

    Hello,

     

    Here is a link to the form I'm concerned about: http://form.jotform.us/form/42254986351157

     

    I would like to reduce the space in between the form columns so that they are much closer.

     

    How would I go about doing this?

     

    Please advise,

    Thanks!

    form columns reduce space JotForm thanks hello
  • Profile Image

    Answered by rehcgt on September 29, 2014 at 10:35 AM

    Hello,

    In order to achieve this you need to inject custom css to your form by following the instructions on this link: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    The code you need to include is the following:

    .form-line {
    padding-left: 16px;
    padding-right: 16px;
    }

    I’ve cloned your form to make some tests, you can find my version here: http://form.jotform.co/form/42714139578866

    From the tests I made, 16px is the minimum value that can be used to maintain the form in 2 columns, if you use a lower value then it gets divided in 3 columns.

    Hope you find this information useful.

     

    Best Regards