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 can I reduce the vertical space of the fields in my form?

    Asked by michiwelo on February 02, 2015 at 02:32 PM

    Hallo ich mochte einen kleinen Zeilenabstand haben wie mache ich das?

     

    Gruß Michael

    Screenshot
    href mailto
  • Profile Image

    Answered by raul on February 02, 2015 at 03:37 PM

    If I understand correctly you want to reduce the vertical space between the fields of your form, is that correct?

    If so, please inject the following CSS code to your form:

    .form-line {
      margin-top : 0;
      margin-bottom : 0;
    }

    You can see the result here: http://form.jotformpro.com/form/50325861008954

    Please check it out and let us know if this is what you want to accomplish.
    Thank you.

  • Profile Image

    Answered by michiwelo on February 02, 2015 at 11:54 PM

    Nein ist immer noch zu Groß.

    ich möchte das es so ist.

    1

    2

    3

    und nicht so

    1

     

    2

     

    3

    Gruß Michael

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 03, 2015 at 09:34 AM

    Hello michiwelo,

    Please inject the following custom css code in your form and that should solve your problem:

    .form-label {

    height: 10px !important;

    }

    .form-line {

    padding: 3px 36px !important;

    }

    The following guide should help you on how to inject custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!