How to change the textbox width of the Configurable List widget?

Is there a way to make the widget narrower?  For example, the Quantity field is twice as wide as it should be.

Hello Jeffrey,

Yes it is possible to change the width of the fields in Configurable List widget. Please inject the following custom css code in your widget and that should solve your problem:

input[type="text"] {

width: 60px;

}

 

select {

width: 290px;

margin-left: -7px;

}

Please check the screenshot below on how to inject custom css code in Configurable List widget:

 

Hope this helps.

Do get back to us if you have any questions.

Thank you!

Great.  Thanks!

Hello Jeffrey,

You are welcome.

Do get back to us if you have any questions.

Thank you!