How can I reduce the space below the header?

  • Clintluna
    Asked on September 20, 2018 at 5:55 PM

    How can I reduce space below header on this form: https://www.jotform.com/build/82627014169154


    Tried using margin & padding commands but didn't get it. Thanks. 

  • Support_Management Jotform Support
    Replied on September 20, 2018 at 8:09 PM

    Looks like you have adjusted your header to move -100px towards the top. In turn, this caused the gap in between. Append these CSS code to your form to reduce that gap:

    .form-header-group {

        margin-bottom: -50px !important;

        border-bottom: none !important;

    }

    I added another line to remove the bottom border of the header group to make it cleaner.

    Complete guide: How-to-Inject-Custom-CSS-Codes

  • Clintluna
    Replied on September 21, 2018 at 1:51 AM

    Awesome, thanks! looks like it worked!

    Used -100px (for my own reference)