CSS: Resize the fields in a configurable list widget

Hello i created this form: https://form.jotform.com/250937475108058

on the bottom i entered the above mentioned widget and i wanted to know is there a way to make the short text long and on one line so someone can write a few sentences? or is there a better widget to use. right now it looks like this.

i will need to print these out so i cannot have it scrolling and only half the text appear. basically i need something like this:

Can you help? I tried the excel widget and a chart wizard but it does not work.

Hi Gerardo, 

Thanks for reaching out to Jotform support. You can easily resize the fields in the Configurable List Widget by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

/*Resize the fields in configurable list widget - 25971041*/

.col1{

    min-width: 250px; 

    max-width: 600px;

}

.col2,.col3,.col4{

   min-width: 100px; 

    max-width: 200px;

}

/*Code ends here*/

2. In Form Builder, click on the Wand icon beside the Widget.

3. Now, in the Widget Settings, click on the Custom CSS tab, and paste the code into the CSS Code box. That’s it. The code is automatically saved.

Give it a try and let us know how it goes.