Reduce the space between questions

  • niconi
    Asked on July 7, 2016 at 1: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 ?

     

    Jotform Thread 877246 Screenshot
  • Boris
    Replied on July 7, 2016 at 3: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:

    Reduce the space between questions Image 1 Screenshot 40

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

    Reduce the space between questions Image 2 Screenshot 51

    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:

    Reduce the space between questions Image 3 Screenshot 62

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