Form vertical padding for text fields

  • criterions
    Asked on May 5, 2015 at 11:39 AM

    I have 4 text fields vertically arranged (see screenshot) and I'd like to - for aesthetic reasons - decrease the vertical padding. What is the best way to do this? Thanks.

    Jotform Thread 564366 Screenshot
  • David JotForm Support
    Replied on May 5, 2015 at 12:25 PM

    Hi,

    The easiest way to change your field spacing is to open your form in the designer:

    Form vertical padding for text fields Image 1 Screenshot 30

    Then, click on "Line Layout" to open the options to adjust the spacing:

    Form vertical padding for text fields Image 2 Screenshot 41

    If you have any further questions, let us know and we will be happy to help.

  • criterions
    Replied on May 5, 2015 at 12:38 PM

    The problem is that it changes the line spacing for everything - was trying to just focus on those particular elements if possible.

  • David JotForm Support
    Replied on May 5, 2015 at 12:58 PM

    I think I was able to adjust the form how you would like.  Try adding the follow CSS to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    #id_58 {
        padding : 0px 0px 0px 15px;
    }

    #id_59 {
        padding : 0px 0px 0px 15px;
    }

    #id_60 {
        padding : 0px 0px 0px 15px;
    }

    #id_61 {
        padding : 0px 0px 0px 15px;
    }

    This should adjust the padding for only those 4 fields. 

    If this still doesn't look the way you would like, let us know and we will take another look.