How to make the first field in my configurable list widget wider?

I have two fields in my Conditional List widget. How do I get the displayed width of my first field, where the user types in their answer, to be wider? I saw a similar question but the answer was not clear.

To make the first field wider, you can inject the css code below into the widget's css settings.

#list > tbody > tr:nth-child(2) > td.col1 > input {

width: 300px;

}

Guide: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

Hi! I used this code and it worked for the text fields, but for the paragraph field it does not work...

Is there a differerent code for this type of field?... Thank you for your help!

Please try adding this code and see if the width is enough.

div#listContainer {

  width: 1041px;

}

iframe#customFieldFrame_63 {

  width: 1038px !important;

}

#list > tbody > tr:nth-child(2) > td.col5 > textarea {

  width: 331px;

}

Let us know if you have any questions or if you need further assistance.

Works just as I was looking for.

Thank you so much!

Great! Let us know if you have any questions or if you need further assistance.