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

    Reducing vertical spacing of form fields

    Asked by soclub on May 01, 2015 at 01:25 AM
    vertical spacing vertical padding between elem padding form fields form fields padding
  • Profile Image

    Answered by AaronSiciliano on May 01, 2015 at 09:56 AM

    Hello, soclub,


    Vertical spacing inbetween elements and text can be configured in the Designer of the form under the Line Layout tab.

     

    Line spacing and vertical padding control the space between text and elements. 

     

    I hope this helps you. If you were asking about how to eliminate the padding around the form that is different steps and I would be happy to help you with that too if that is the case.

     

    Thanks, Aaron

  • Profile Image
    JotForm Support

    Answered by Jan on May 01, 2015 at 09:58 AM

    Hi there,

    In addition to that, you can reduce the spacing for each field by going to "Preferences". Under preferences, go to "Field Styles" tab. On the Question spacing, it represents the padding top, right, bottom and left.

    You can also try injecting this custom CSS code.

    .form-line {
    padding-top: 6px !important; 
    padding-bottom: 6px !important;
    }

    Here's a guide on how to insert CSS code.

     

    Hope this helps. Thank you.