Reduce Top Margin on Form

  • Profile Image
    Asked on March 25, 2015 at 09:43 PM

    How do I reduce or eliminate the space in between the top of the form and the top of the web page?


  • Profile Image
    Answered on March 26, 2015 at 12:16 AM


    You can reduce it by injecting the following CSS codes to your form.

    .jotform-form {padding: 10px 0;}

    Feel free to change the 10px top and bottom spacing to your preference.


    1. While on the form builder, click the Designer icon.

    2. On the Designer, go to the CSS tab and paste that code.


  • Profile Image
    Answered on March 26, 2015 at 02:42 PM

    This worked great.  Thanks so much, Elton.