Can I change the width on a Configurable List?

Hello,

I am attempting to change the width of my items within a Configurable List. I would like the questions to fill the page and not have a double line (Ex. Property Damage).

Could you assist with making these fit the page?

Thank you!

Hi there,

Happy to help!

This may be achievable using Custom CSS. Please allow me a little time to investigate and put together a potential solution for you.

Thank you in advance for your patience and understanding!

Hi again,

Could you kindly inject the following Custom CSS into your form?

.translatable {

 min-width: 174px !important;

}

This is the expected result:

I hope this helps! Please let us know if we can assist further.

I have attempted to do so and this is my result (photo below). Am I doing so correctly or could you further advise me.

Thank you!!

I have injected few custom CSS code in your form and widgets. Please check your form and see if it shows the configurable list widgets correctly. Please check the screenshot below on how the widget is appearing in your form:

Do get back to us if you need any other changes.

We will wait for your response.

Hello,

Thank you, the words look great! Are you able to adjust the "Please Select" portion to also be larger and evenly spaced? Similarly to the example from above in Katherine's second response.

Thank you!

Please add this to each configurable list widget:

select.form-dropdown {

  width: 174px!important;

}

And this will be the result:

Here's how:

That worked perfectly, thank you very much for the help!