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

    Reduce the space between questions

    Asked by niconi on July 07, 2016 at 01:49 AM

    I received the instruction attached underneath.

    Is it the minimum we can have for space ?

    Can we reduce the frame around a question also ?

     

    Screenshot
    custom CSS reduce vertical vertical space line spacing vertical padding
  • Profile Image
    JotForm Support

    Answered by Boris on July 07, 2016 at 03:34 AM

    I see that the attached image was a reply to this previous support thread: https://www.jotform.com/answers/871971

    Based on that support thread, you seem to be working on the following form:

    https://form.jotformeu.com/niconi/liste-des-pices

    In that form, you have accidentally pasted my colleague's code without the leading dot character, so the CSS didn't target our form lines which are .form-line. Please note that the CSS code that should be used is with the leading dot/period, like this one:

    .form-line {
        padding: 0px 36px !important;
    }

    While the one applied to your form does not have the leading dot/period, so the CSS currently in your form is this:

    form-line{
        padding: 0px 36px !important;
    }

    To make it much easier, you can remove that custom CSS code altogether, and simply use our point-and-click Form Designer:

    In the Designer, click on Line Layout, and reduce Vertical Padding to 0, or to any other value you like:

    In the Designer, you can also adjust the value of Line Spacing to further reduce the vertical space between questions. Upon saving your changes, and with Line Spacing set to 12px, the form would appear like this:

    Please let us know should you need any further guidance, we'll be happy to help.