Decreasing spaces between form questions using Custom CSS codes.

  • FOE
    Asked on June 17, 2015 at 8:59 AM

    1. On my 2015 USFOE Travel Form, I have tried to reduce space between questions using the Line Layout, Line Spacing, Vertical Padding function. While it has helped, I still can't seem to get rid of extra space above and below graphic lines.

    2. I also don't like how scrunched up the questions about "I will need a ride to John Wayne/Santa Ana Airport (SNA) at 11:25 am on Sept.11" are. I would like those to spread out more across the screen.

    Thank you.

  • Mike_G JotForm Support
    Replied on June 17, 2015 at 10:20 AM

    You can add CSS codes to your form using this guide: How-to-Inject-Custom-CSS-Codes 

    Here is the code: 

    .form-line{

    margin: 0px !important;

    }

    #label_114, #label_115{

    width: 250px !important;

    }

    And that would result to this: 

    Decreasing spaces between form questions using Custom CSS codes Screenshot 20

    You can still, of course, change the value of the "width" and the "margin" depending on your own preference. 

    I hope this helps. Let us know if you need further assistance. Thank you.