How to adjust jotform question spacing

  • selleryportfolios
    Asked on January 5, 2015 at 3:41 PM
  • jonathan
    Replied on January 5, 2015 at 4:23 PM

    Hi,

    You can use this user guide: -How-to-Reduce-Vertical-Spacing-between-Fields

    How to adjust jotform question spacing Image 1 Screenshot 20

     

    Hope this help. Inform us if you need further assistance.

    Thanks.

  • seanmccthy
    Replied on January 5, 2015 at 4:28 PM

    Hey @selleryportfolios

    Thank you for asking for some help with your form editing. I take that you would like to either increase or decrease the spacing between your form questions. There are two methods to getting this task done. You can Inject Customer CSS or you can modify the Question Spacing under Preferences.

    Question Spacing Modification 

    This is the simpler method to get this task done. All you would have to do is enter a desired number under the Question Spacing under Preferences until the form layout is to your liking.

    Please follow the screen shots below on how you can get this done.

    How to adjust jotform question spacing Image 1 Screenshot 30

    In your form builder click on the Properties icon (#1), once the window opens click on the Field Style (#2) tab and you should enter a desired number under the Question Spacing (#3) option. An increase in number should increase the space between the form questions and a smaller number does the opposite.

     

    Custom Injected CSS

    This method requires a little knowledge of CSS. You would add CSS codes to the form to manipulate its layout. The snippet provided below can be used to either increase or decrease the spacing between forms.

    .form-line {
    margin-bottom: 5px;
    }

    How to adjust jotform question spacing Image 2 Screenshot 41

    In your form builder click on the Properties icon (#1), once the window opens click on the Form Styles (#2) tab and you then copy/paste the CSS snippet provided above and increase or decrease the "3px" until the spacing is to your liking.

    I hope this helps. Feel free to ask additional questions if assistance is needed.

    Cheers!

    seanmccthy

  • selleryportfolios
    Replied on January 20, 2015 at 10:18 AM
    I tried this, it didn’t work. Here’s a form screen shot. How do I spread horizontally and vertically
    thx
    [cid:image001.png@01D02904.8BE011B0]
    ...
  • selleryportfolios
    Replied on January 20, 2015 at 10:18 AM
    Thank very much for your help, however, none of your recommendations are changing my form at all?
    What now?
    ...
  • Jeanette JotForm Support
    Replied on January 20, 2015 at 11:15 AM

    It seems this is an old thread, please confirm if the the issue is still present, provide us with a screenshot using this guide:

    SCREENSHOTS ON FORUM