How do i remove the header gap?

  • proathletedirect
    Asked on November 16, 2016 at 5:42 PM

    See attached image.  Thanks!

    Jotform Thread 991776 Screenshot
    Page URL: https://form.jotform.com/proathletedirect/webinar-application-main
  • Elton Support Team Lead
    Replied on November 16, 2016 at 9:08 PM

    Inject this CSS codes to your form to reduce the top space.

    .jotform-form, .form-all {

        padding-top: 0;

    }

    If you want more, append this.

    li#id_1 {

        padding-top: 0;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (Paste it into the bottom section if you have existing CSS codes into your form)

  • proathletedirect
    Replied on November 16, 2016 at 10:44 PM
    ​Thank you. Is there an easy way to close this gap?
    ​​
    ...
  • omerorkun JotForm Data Scientist
    Replied on November 17, 2016 at 2:15 AM

    Hi,

    I have checked your form. You tried to inject the CSS code however there is a small missing piece:

    How do i remove the header gap? Image 1 Screenshot 20

    This will do the trick for you. This is my cloned form, please add the final bracket on your form as well. However, this does not change your form on the live mode. It just differs the look on your form builder. 

    Please let us know if there is any further assistance we can provide. Thank you.