How to make the donatio field wider

  • Profile Image
    TempleBethShira
    Asked on August 18, 2025 at 11:11 PM
    How can I make my Donation field wider than 5 spaces? The other fields allow me to set the number of spaces (which I have set to 20 on the others, because it looks better). But I cannot find where I can change the width of the field under Donations.
  • Profile Image
    Kenneth JotForm Support
    Replied on August 18, 2025 at 11:35 PM

    Hi Daniel,

    Thank you for reaching out to Jotform Support. I was able to customize the form and apply the changes to my cloned form. I've shared a screencast below of my results:

    How to make the donatio field wider Image 1 Screenshot 30

    You can easily increase the width of the Payment field input box by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    input#input_54_donation {
    width: 180px;
    }

    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. How to make the donatio field wider Image 2 Screenshot 41

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