Decreasing the space at the top of my form

  • sarahieca
    Asked on August 31, 2016 at 10:23 AM

    how do I decrease the space at the top of my form? When I embed it in my website, there is a large gap above the form.

  • John_Benson
    Replied on August 31, 2016 at 11:51 AM

    You can decrease the space at the top by changing the form padding to 0. In order to do that, you need to inject a custom CSS code to your form. Here's the code:

    .jotform-form { 

        padding: 0px 0 !important;

    Here's the guide on how to inject a custom CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    1. Click the Preferences in the Form Builder.

    Decreasing the space at the top of my form Image 1 Screenshot 40

    2. Click the Form Styles link.

    Decreasing the space at the top of my form Image 2 Screenshot 51

    3. Go to the Inject CSS tab, then paste the code in the text area. Click the Save Changes button when you're done.

    Decreasing the space at the top of my form Image 3 Screenshot 62

    Hope that helps. Let us know if you need further assistance. Thank you.