How to remove the space on top of the Form?

  • Westwind_Distribution
    Asked on July 1, 2024 at 4:45 PM

    Hi, This is regarding most forms I build, but how can I remove the white space (padding) above the first field?

    It creates a large gap above the form that I cannot remedy in my website builder. I assume there is some CSS that will fix it, but I am not savvy about CSS.

    Jotform Thread 16454781 Screenshot
  • Ronald JotForm Support
    Replied on July 1, 2024 at 7:52 PM

    Hi Jacob,

    Thanks for reaching out to Jotform Support, We the space on top of your form by injecting custom CSS codes on it. It's easy to do. Let me walk you through it:

    1. Copy the code below.

    /* Remove the space on top of the form - 16454781 */

    li#id_6 {
    margin-top: 0px !important;
    }

    /* End code here */


    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

    How to remove the space on top of the Form? Image 1 Screenshot 20

    Give it a try and let us know if you need any other help.

 
Your Answer