How do I reduce space between form columns?

  • Profile Image
    ussolarforce
    Asked 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!

  • Profile Image
    rehcgt
    Answered 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