Form Fields: Unable to Change Width of Student Name and Rising Grade Fields

  • Profile Image
    stormingrobots
    Asked on June 6, 2026 at 11:50 AM

    form: 261553459784167

    can you help me to modify these.

    Student full name field should be 2/3 of the line, wile Rising grade should be just 20 px

    
Form Fields: Unable to Change Width of Student Name and Rising Grade Fields
Image-1

  • Profile Image
    Lorenz JotForm Support
    Replied on June 6, 2026 at 10:12 PM

    Hi stormingrobots,

    Thanks for reaching out to us for help. When I checked your I see the Rising Grade field is no longer on the same line with the name field. But if you only want to fix the width of the two fields, we can use Custom CSS code and inject in into your form. Let me walk you through it:

    1. First, copy this code:

    div#cid_3 {
    width: 67% !important;
    }

    /* ---- Rising Grade field ---- */
    div#cid_167 {
    width: 20px !important;
    }

    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.

    
Form Fields: Unable to Change Width of Student Name and Rising Grade Fields
Image-1

    As for the Rising Grade field, the field is too narrow when setting it to 20px, making it impossible to see what's being typed in. Check this out:

    
Form Fields: Unable to Change Width of Student Name and Rising Grade Fields
Image-2Now, if you want to make it wider, you can simply adjust the 20px value in the code I provided and play around with it until it fits your needs.

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

Your Reply