How can I reduce the vertical space of the fields in my form?

  • Profile Image
    michiwelo
    Asked on February 02, 2015 at 02:32 PM

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

     

    Gruß Michael

  • Profile Image
    raul
    Answered 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
    michiwelo
    Answered 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
    ashwin_d
    Answered 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!