Form Design: Adjust spacing and input field length for Payment Amount

  • Profile Image
    PWDCA
    Asked on April 1, 2026 at 12:20 PM

    I'd like to shore up the space between Payment Amount and the input field to match New Title Gallery Add Total Fees and have the input field the same length.


    
Form Design: Adjust spacing and input field length for Payment Amount
Image-1Pay

  • Profile Image
    Gian_D JotForm Support
    Replied on April 1, 2026 at 12:54 PM

    Hi Pay,

    Thanks for reaching out to Jotform Support. You can use CSS code to remove the space between the Payment Amount label and the input field. Let me show you how to do it:

    1. Copy the CSS code below:

    /*Remove the space between the Payment Amount label and the input field*/
    .filter-container {
      display: none;
    }
    /*Ends here*/

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

    
Form Design: Adjust spacing and input field length for Payment Amount
Image-1

    3. Then, click on the Styles tab on the upper right side of the page.
    4. Paste the CSS code that you've copied earlier to the Inject Custom CSS field on the right side of the page.

    
Form Design: Adjust spacing and input field length for Payment Amount
Image-2

    That's it. Let us know if there’s anything else we can help you with.

Your Reply