How do I reduce space between form columns?

  • Profile Image
    Asked on September 29, 2014 at 07:47 AM



    Here is a link to the form I'm concerned about:


    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,


  • Profile Image
    Answered on September 29, 2014 at 10:35 AM


    In order to achieve this you need to inject custom css to your form by following the instructions on this link:

    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:

    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