How to make fields wider on desktop

  • blueprintmyhome
    Asked on July 8, 2025 at 4:22 PM

    why does the boxes look so small in the this format when i use the computer? it doesnt look like this on my phone

    How to make fields wider on desktop Image 1 Screenshot 20

  • Lars_L
    Replied on July 8, 2025 at 5:11 PM

    Hi Ricardo, 

    Thanks for reaching out to Jotform Support. The fields are set to be half the width of the form by default, as the form is much wider by default. But even with your more narrow form, we can make the fields bigger by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /* Adjust field width - 28779651 */
    li.form-line:not(.form-line-column) .form-input-wide[data-layout=half] {
        width: 100% !important;
    }
    /* End of 28779651 */

    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 fields wider on desktop Image 1 Screenshot 20 Give it a try and let us know how it goes.