How to remove the whitespace at the top of the form?

  • filip_r
    Asked on August 7, 2019 at 9:33 AM

    Hi! 


    Can you help me remove the whitespace at the top on my embedded form? (see attached screenshot and link)


    Best regards,

    Filip

    Jotform Thread 1918791 Screenshot
  • Welvin Support Team Lead
    Replied on August 7, 2019 at 10:47 AM

    Hello Filip,

    There is a form padding which you can remove by injecting the following custom CSS codes in the form:

    .jotform-form {

        padding: 0;

    }

    Guide to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Your form container on the website has a top margin. You may consider adjusting that. See below screenshot:

    15651892232019 08 07 020 Screenshot 10


  • filip_r
    Replied on August 7, 2019 at 11:11 AM

    Thanks for very fast reply!

    Now the form seems to be missing the top border?! 

  • Welvin Support Team Lead
    Replied on August 7, 2019 at 12:15 PM

    I'm sorry, adjust the custom CSS to the following:

    .jotform-form {

        padding: 5px 0;

  • filip_r
    Replied on August 7, 2019 at 12:24 PM

    PERFECT! Thanks 🙌