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

  • Profile Image
    SFSadmin
    Asked on November 04, 2015 at 09: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!

  • Profile Image
    BJoanna
    Answered on November 04, 2015 at 01: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;

    }

    After adding this code your form will look like this.

    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.

  • Profile Image
    SFSadmin
    Answered on November 05, 2015 at 09:18 AM

    That worked! Thank you so much!

  • Profile Image
    BJoanna
    Answered on November 05, 2015 at 11:00 AM

    You're welcome.

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