How do I change the textbox / dropdown / textarea width?

Hi there,

I'm trying to increase the fields width reducing that blank space on the right of each field but it isn't changing. 

I've tried using the following CSS code but it didnt work:

.form-textbox {

    max-width : none !important;

}

Best regards,

To increase the width of your textbox and text area you might need to use width .

Example:

.form-textbox {

    width:500px !important;

}

.form-dropdown{

width:500px !important;

}

.form-textarea{

width:500px !important;

}

Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

However, if you want to edit the specific field you may use the field ID.

Guide:https://www.jotform.com/help/146-How-to-Find-Field-IDs-and-Names

Hope this information helps.

If you need further assistance, let us know.

Hi, 

The CSS code worked fine under the BUILD tab.

However, when I open the published form, it keeps showing the previous field size.

Best regards

It seems that using the class doesn't change the width of the fields.

We may try getting the Field Ids to edit the CSS. Can you please try this custom CSS code?

#input_127 {
    width : 650px !important;
}

#input_210,#input_268 {
    width : 650px !important;
}

#input_261,#input_263,#input_264{

    width : 650px !important;
}

Here is a guide on how to get the field id.

Guide:https://www.jotform.com/help/146-How-to-Find-Field-IDs-and-Names

It´s working.

Tks