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

  • Profile Image
    filip_r
    Asked on August 07, 2019 at 09: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

    Screenshot
  • Profile Image
    Welvin
    Answered on August 07, 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.png


  • Profile Image
    filip_r
    Answered on August 07, 2019 at 11:11 AM

    Thanks for very fast reply!

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

  • Profile Image
    Welvin
    Answered on August 07, 2019 at 12:15 PM

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

    .jotform-form {

        padding: 5px 0;

  • Profile Image
    filip_r
    Answered on August 07, 2019 at 12:24 PM

    PERFECT! Thanks 🙌