How can I change the width of a column containing a number field in a Configurable List widget?

I am trying to resize a couple of columns in a Configurable List widget. I was able to resize the first 2 columns using the method shown in the attached screen shot. The two columns I am trying to resize contain number fields. How would I resize columns 3 and 4 (See attached screenshot) to, let's say, 30 px?

Screenshot of list

Screenshot of fields

Screenshot of current CSS

Please add this CSS code to the CSS field of the Configurable list widget:

.col3 input, .col4 input {

width: 30px !important;

}

If this code does not help, please provide us the ID of the form you are working on.