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

    How to reduce the space between two fields?

    Asked by cruforms on September 30, 2016 at 04:03 PM
    I have a large space between Participant #1 and Participant #2 (we will be adding a total of 10). Is there a way we can decrease this space between these?


    To get to the pages I am talking about you have to click, "Group SOS Enrollment",  "Manually Enter (10 or less people)", Number of Participants "2".

    Thank you!


  • Profile Image
    JotForm Support

    Answered by Jim_R on September 30, 2016 at 04:28 PM

    I checked your form again and noticed you have added Custom CSS Codes to each of fields. All of them has a float attribute and positioning which caused this problem.

    To fix it, remove ALL the codes you entered (I suggest you save them somewhere in case you wanted to use them again), then replace ALL of those codes with the following:

    .form-line {

        margin: 10px 0 10px 0;


    If you wanted to adjust the spacing, the code above is for the "top (10px) right (0) bottom (10px) left (0)" margins of each line on your form.

    I would recommend you refrain from manually positioning the fields. The only reason I suggested using float and positioning on the other thread was because I only targeted a specific field. In your case though, you applied the positioning on several fields which caused the formatting issue you noticed.

    Here's the result: