CSS: How to Change the Width in a Short Text Entry Box

Hello,

I am using the widget Short Text Entry and need the box to be tiny, like for one or two characters if typing or big enough when put into a pdf form to be able to hand write if necessary one character.  (for indicating school year grades...K-12).  This was first as a drop-down, but that wont work for the pdf version.

I tried changing the box in the widget's OPTIONS tab, Width, but changing the number does nothing to the form for me.

I have the same question for the Name fields...I'd like to increase those.

Here's the form:

https://www.jotform.com/BRIGHTYOGIS/bright-yogis-liability-waiver

Thank you!

Instructions here:

How-to-Inject-Custom-CSS-Codes

The first 4 are the K-12 fields. Then the next 5 are first and last name fields. The last 2 are email fields.

#input_62 {

    width : 50px;

}

#input_74 {

    width : 50px;

}

#input_75 {

    width : 50px;

}

#input_75 {

    width : 50px;

}

#first_4, #last_4 {

    width : 300px;

}

#first_43, #last_43 {

    width : 300px;

}

#first_53, #last_53 {

    width : 300px;

}

#first_23, #last_23 {

    width : 300px;

}

#first_49, #last_49 {

    width : 300px;

}

#input_3 {

    width : 100%;

}

#input_51 {

    width : 615px;

}

Thanks so much Aubrey!
Form looks great now!
...

Thank you Aubrey! That worked wonderfully!
...