How do I reduce white space on the top of the form?

  • mariebradshaw
    Asked on March 18, 2015 at 11:27 AM

    How can I get rid of this huge gap on the top of my form and on the side? Help would be so appreciated.

    Jotform Thread 535601 Screenshot
  • Kiran Support Team Lead
    Replied on March 18, 2015 at 1:56 PM

    Could you try injecting the following CSS to your JotForm? 

    .jotform-form {

    padding: 10px 0;

    }

    Please go through the guide below on how to inject CSS codes to your JotForm.

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

    Let us know if you need any further assistance. We will be happy to help.

    Thanks!

  • mariebradshaw
    Replied on March 18, 2015 at 2:14 PM

    That didn't appear to change anything.

  • Kiran Support Team Lead
    Replied on March 18, 2015 at 4:02 PM

    I've made some additions to your JotForm by adding the following code :

    .form-all {

      padding-top: 0px;

      margin-top: -50px;

    }

    The whitespace on the top seems to be reduced now on your webpage. You may reduce the margin further if you want by increasing the number.

    Please get back to us if the issue still persists. We will be happy to look into this further.

    Thanks!

  • mariebradshaw
    Replied on March 19, 2015 at 11:23 AM

    Thank you! It looks so much better.