Remove unnecessary whitespace on form

  • t_akiyama
    Asked on May 2, 2025 at 6:48 AM

    I want to eliminate the following wasted space. How can I do this?

    https://gyazo.com/35d48d90a51e476fd6383e6f6c450a60

    https://form.jotform.com/243601230612441

  • John JotForm Support
    Replied on May 2, 2025 at 7:08 AM

    Hi t_akiyama,

    Thanks for reaching out to Jotform Support. The whitespace on your screenshot are the spaces occupied by the hidden Review Before Submit widget. You can easily remove it without affecting the widget's functionalities by Injecting CSS Codes to the form. Let me walk you through it:

    1. First, copy this code:

    /*thread 26667011*/
    #id_45 {
      display: none;
    }
    #id_42 {
      height: 60px !important;
    }
    /*ends here*/

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

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    Remove unnecessary whitespace on form Image 1 Screenshot 20

    Give it a try and let us know how it goes.

  • t_akiyama
    Replied on May 2, 2025 at 7:28 PM

    下記の空白もなくしたい。
    https://gyazo.com/c6bcc311a153993be07f62118b952239

  • Reymae JotForm Support
    Replied on May 2, 2025 at 7:48 PM

    Hi t_akiyama,

    Our Japanese Support agents are busy helping other Jotform users right now, so I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Japanese, let us know and we can have them do that. But, it might take a while until they're available again.

    Now, coming back to your question, you can follow the same guide shared by John earlier and add the CSS code below to reduce the space below the Submit button:

    /* reduce space below submit button - 26667011 */
    #id_46 {
      height: 75px !important
    }
    #id_50 {
      margin-top: 0 !important;
    }

    Take a look at the screenshot below to see my results:Remove unnecessary whitespace on form Image 1 Screenshot 20Give it a try and let us know if you need any help.