How do i remove the header gap?

  • Profile Image
    proathletedirect
    Asked on November 16, 2016 at 05:42 PM
  • Profile Image
    EltonCris
    Answered on November 16, 2016 at 09: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)

  • Profile Image
    proathletedirect
    Answered on November 16, 2016 at 10:44 PM
    ​Thank you. Is there an easy way to close this gap?
    ​​
    ...
  • Profile Image
    owen
    Answered on November 17, 2016 at 02:15 AM

    Hi,

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

    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.