How to decrease space between fields and decrease vertical spacing

  • Profile Image
    ProfitStrategist
    Asked on January 06, 2015 at 10:52 PM

    http://www.jotform.com//?formID=10032434187

    I have seen answers to this question but cannot make anything work.  I want to decrease the spacing between each filed.  I've set the spacing to 0, but that does not change the default spacing for the individual field.  Also, I've entered CSS info to decrease vertical spacing, but to no avail.  Please point me in the right direction. Please take a look at my form and tell me what I am doing wrong. Thanks.

  • Profile Image
    EltonCris
    Answered on January 07, 2015 at 03:46 AM

    Hi,

    I assumed you have already figured this out? The spacing seems looking good now.

    Anyway, to change vertical spacing of the form, you can refer to this guide: https://www.jotform.com/help/62-How-can-I-change-spacing-between-questions

    To reduce the horizontal spacing, injecting the following CSS codes to your form should help.

    .form-line-column {

    padding-right: 2px !important;

    padding-left: 2px !important;

    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form or you can open your form in the form designer.

    Let us know should you have further questions. Thank you!

  • Profile Image
    ProfitStrategist
    Answered on January 07, 2015 at 08:35 PM

    Thank you.  What threw me off was that when I put in the codes, I saw no difference.  It was not until I went to the live form on-line did I see the changes.  Thank you for your hlep.

  • Profile Image
    ashwin_d
    Answered on January 07, 2015 at 11:06 PM

    Hello ProfitStrategist,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!