How to increase my input fields height?

  • thomassharp987
    Asked on April 16, 2024 at 12:14 AM

    Hey, is there a way to make the textboxs bigger on my form? there seems to be an issue where its very thin so if there's a way to make the text box bigger that would be amazing, thanks.

  • Raymond JotForm Support
    Replied on April 16, 2024 at 4:45 AM

    Hi Thomas,

    Thanks for reaching out to Jotform Support. I checked your form and see that the input boxes are too short. This seems to be caused by the selected theme. We can fix this with a few css codes. Let me show you how to do that:

    • In Form Builder, click on the Paint Roller icon on the right.
    • Next, under the Styles tab, paste the following CSS codes into the CSS box.
    /* increase input fields- 13921711*/
    .form-textbox, .form-dropdown, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input {
      background-color: #ffffff;
      height: 25px !important;
    }
    /* Ends here */

    How to increase my input fields height? Image 1 Screenshot 20

    Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

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

 
Your Answer