Remove White Space before and after elements

  • jsmc
    Asked on August 10, 2025 at 11:17 AM

    Hello,

    There are lot of extra white spaces before and after each element, how can it be reduced so that more content is visible with a limited scrolling on the page.

  • Reymae JotForm Support
    Replied on August 10, 2025 at 11:34 AM

    Hi jsmc, 

    Thanks for reaching out to Jotform Support. You can easily remove the whitespace above and below the form fields by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /* Remove form fields whitespace - 29899861 */
    .form-line {
      margin-top: -5px !important;
      margin-bottom: -5px !important;
    }
    /* End of code */

    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 White Space before and after elements Image 1 Screenshot 30 You can adjust the -5px value on the code to make the space smaller or larger. Take a look at the screenshot below to see how it works after:Remove White Space before and after elements Image 2 Screenshot 41Give it a try and let us know how it goes.

  • jsmc
    Replied on August 10, 2025 at 2:00 PM

    Thanks it worked fine.

Your Reply