Make text boxes and dropdown thinner with the Configurable List widget

i'm using the Configurable List widget and my form is max width 1500px.  i cant figure out the custom css of the widget to reduce the width of the textbox and dropdown list elements

The Configurable List widget in the form you shared has 12 columns.

If you want to style the fields in a column, you just need to get the class of the column and the HTML tag of the field and use it as the CSS selector.

For example, Field #1's class is .col1, Field #2's class is .col2, Field #3 is .col3, and so on...

So, in the image above, if I want to change the width of the textarea field in column #1, I would have:

.col1 textarea {

    width: 80px;

}

And if I want to change the width of the dropdown field in column #8, I would have:

.col8 select {

   width:80px;

}

Inject the custom CSS codes to the CSS tab of the widget.

I hope this helps. If you have other questions or concerns, please feel free to let us know.