Reduce Top Margin on Form

  • shw528
    Asked on March 25, 2015 at 9:43 PM

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

     

    Reduce Top Margin on Form Image 1 Screenshot 20

    Page URL: http://form.jotform.us/form/50837689856173
  • Elton Support Team Lead
    Replied on March 26, 2015 at 12:16 AM

    Hi,

    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.

    Guide:

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

    Reduce Top Margin on Form Image 1 Screenshot 30

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

    Reduce Top Margin on Form Image 2 Screenshot 41

    Cheers!

  • shw528
    Replied on March 26, 2015 at 2:42 PM

    This worked great.  Thanks so much, Elton.