Is there a way to reduce the space at the top of the form?

  • SFSadmin
    Asked on November 4, 2015 at 9:31 AM

    There's a big blank space at the top of the form before the text begins. The form is embedded in an iframe. Is there a way to reduce that through the Designer tool or in the code? Thanks!

  • BJoanna
    Replied on November 4, 2015 at 1:52 PM

    You can remove blank space at the top of your form by injecting Custom CSS code.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .jotform-form {

    padding-top : 0px!important;

    }

    .form-all {

    padding-top : 0px!important;

    }

    Is there a way to reduce the space at the top of the form? Image 1 Screenshot 30

    After adding this code your form will look like this.

    Is there a way to reduce the space at the top of the form? Image 2 Screenshot 41

    Here is my demo form: https://form.jotform.com/53075853085965? 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.

  • SFSadmin
    Replied on November 5, 2015 at 9:18 AM

    That worked! Thank you so much!

  • BJoanna
    Replied on November 5, 2015 at 11:00 AM

    You're welcome.

    Feel free to contact us if you have any other questions.