Input Table: How to change width of individual columns?

  • Profile Image
    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

  • Profile Image
    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.

  • Profile Image
    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;
    }