Adjust the width of a specific dropdown field in a Configurable List widget

Hi 

I hoping you could assist in offering the correct CSS code to widen the dropdown field in the second of the two configurable lists (named Allowances) in the form I have attached

Thanks in advance

I see that you would like to increase the width of the drop-down field in the first column of the second Configurable List widget of the form you linked.

To do that, please inject the following CSS codes to the custom CSS tab of the widget.

.col1 select {

    width: 200px !important;

}

How-to-Inject-CSS-Codes-to-Widgets

You may adjust the value of the width property in the custom CSS provided above to your preference.

If you have other questions or concern, please feel free to let us know.