Input Table: How to change width of individual columns?

rickazrin
Asked on June 08, 2020 at 03:50 AM

I need help customizing this table so the width is smaller for the 2nd column than the third column. https://hipaa.jotform.com/201566757644161
this is for the table with field unique name: pleaseIndicate

This is a re-post of a comment on How to Inject Custom CSS Codes
roneet
Answered on June 08, 2020 at 07:28 AM

Please inject the following code in the Form Designer:

#cid_103 > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
width:300px;
}

Let us know how it goes.

Thanks.
roneet
Answered on June 08, 2020 at 07:30 AM

If the above code does not work, please try the !important tag after the width pixel:

#cid_103 > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
width:300px!important;
}