How to increase the width of a field with a CSS code?

  • Guan_Ruth
    Asked on April 14, 2025 at 11:58 PM

    How can my the short answer form take up more space on the line?

    How to increase the width of a field with a CSS code? Image 1 Screenshot 20

  • Vincenzo JotForm Support
    Replied on April 15, 2025 at 5:53 AM

    Hi Ruth,

    Thanks for reaching out to Jotform Support. Increasing the width of your form field named 'Quilt Dial' is easy. You will just need to inject a custom CSS code. Let me show you how:

    1. First, copy this code:

    /* Code to increase the width of Quit Dial field - 26190441 */
    input#input_43 {
        min-width: 650px !important;
    }
    /* Code 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.

    How to increase the width of a field with a CSS code? Image 1 Screenshot 20 Give it a try and reach out again if you have any other questions.

Your Answer