How to change field size in configurable form

I need to increase the response field width to make enough room for a first and last name on page 38 of my form - has to be one field as not necessarily a person (first/last name) but can also be an organisation. I have tried various CSS codes found looking on line but none seem to work. The latest was:

td.col1 select {

 width:250px;

}

I also need to know how to do the same type of thing for spreadsheets as the "Item" column in the spreadsheet needs to be quite a bit larger.

 

Thanks in advance.

 

Tracy

 

Hello Tracy,

Can you give clarification on the specific field that you wish to adjust its width:

1) I don't see a configurable list with the field first name and last name on page 38

2) I see on your spreadsheet widget that you have the item name's width set to 300px. Do you still need assistance on how to adjust this?

 

Hello,
Yes I have managed to modify the spreadsheet widget.
I actually need to two adjust the "name" field width in two fields on page
38. These are fields asking for:
*Project applicant(s) / organisation(s)* and
*Co-Partners if any.*
Thanks for your assistance in advance.
Tracy
...

Dear Tracy,

You can change any field width depending on their field Id. Firstly, please find the screen below to see how to learn the field IDs:

Secondly, you can write the CSS codes depending on the field ID as the following and inject to the form:

#first_15{

width:200px;

}

So that, you can arrange any field width just like that.

 

If you need further assistance, do not hesitate to contact.

Thanks.

Thanks, I can see how this would work for regular fields but am not seeing
how to identify/name the fields in the configurable list widget where the
text field that I want to modify is located.I need to know how to change a
field size when using the configurable list widget. Thanks.
Tracy
...

Hello,

You can do it as the following screen:

 

Firstly, I've learnt the class of that field in the configurable list and then I've injected the following CSS code:

.col4 input{

  width: 50px !important;

}

I hope this helps. If you need further assistance, do not hesitate t contact us. We will glad to help.

Thanks.

Thank you. This was helpful.
...