How to increase the size of columns in a table ?

Hello

I created the following form

https://form.jotform.com/60565637877976

I need to at least double the with of the first and last columns on the table at the bottom of the form.

How can I do that ?

The form is not embeded into a webpage but rather a link to a new window.

You can use the CSS code below in order to adjust the width of the columns.

/* 1st column */
.form-matrix-row-headers +.form-matrix-values .form-textbox {
width: 200px;
border-style: solid;
border-width: 1px;
}

/* 2nd Column */
.form-matrix-row-headers +.form-matrix-values +.form-matrix-values .form-textbox{
width: 100px;
border-style: solid;
border-width: 1px;
}

/* 3rd Column */
.form-matrix-row-headers +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{
width: 200px;
border-style: solid;
border-width: 1px;
}

Here's a guide on how to inject custom CSS on the form. Hope that helps. Let us know if you need further assistance. Thank you.

Thanks for your help . I did that and columns are wider now. But although your code gives 200px for the first and third column and only 100px to the second column , the form does not show accordingly. 

It shows more like First Column 100px , Second Column 100px and Third Column 200px

Any ideas

Sorry, the code above is missing "/" in the first column, currently it is * 1st Column */ . I just edited it the post and add "/". Please use this CSS code for the first column:

/* 1st column */
.form-matrix-row-headers +.form-matrix-values .form-textbox {
width: 200px;
border-style: solid;
border-width: 1px;
} 

Let us know if there's still an issue. Thank you.

Working fine now. thanks

Hello,

On behalf of my colleague Jan you're welcome.

Do not hesitate to contact us in future.

Best regards.