How to make the drop down field wider

i tried making the field input wider w code below, but does not seem to change anything

pleae advise

 

.form-dropdown {

    width : 100px;

}

 

#input_26 {

    width : 450px;

    

}

 

There are some existing CSS codes in the form, this is why you need to add "!important" in the code that you want to use, otherwise the code may not be applied so changes would not be visible. 

Now, this code would affect all the drop down fields in your forms as all drop down fields have the class ".form-dropdown": 

.form-dropdown {

    width : 100px !important;

}

The next code will work, but you need to add "max-width: none;": 

#input_26 {

    width: 450px !important;

    max-width: none;

}

Please inject this and it should affect the field setting up the width that you need: 

Guide: How-to-Inject-Custom-CSS-Codes

Hope this helps. 

jotform makes it so simple
works
thanks
m
...