How do I resize the width of a Dropdown field

How do I resize the width of a "Dropdown" field?

Hi Tom,

To resize the width of a Dropdown element, add the following CSS codes in your form:

1. First, copy this code:

/* Make Dropdown field rounded corner ticket# 26402891 */



[data-type="control_dropdown"] .form-dropdown {

    width: 200px !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.

This time, there's an additional step you need to do in the existing CSS codes in your form. Look for this CSS code and remove it.

[data-type="control_dropdown"] .form-dropdown {

    width: auto !important;

}

You can check out the results on my test form here. Give it a try and let us know if you need any more help.