Change width of columns of configurable list widget.

  • Profile Image
    Kgr0up
    Asked on June 22, 2016 at 07:44 PM

    Hello, can you help me to change the width of the widget at the bottom? the text is a little to close and I don´t know how to add space between each column and even, if possible and it´s not too much to ask, change the color of the header to E45696 with white letters :D

    https://form.jotform.com/61730636520955

    Thanks

  • Profile Image
    jonathan
    Answered on June 22, 2016 at 11:18 PM

    You can refer to our user guide on How-to-Set-Up-the-Configurable-List-Widget to customize the style of the configurable list widget on your form https://form.jotform.com/61730636520955

    I will try it also on a clone form. I'll get back to you shortly when I have it.

    Thanks.

     

     

  • Profile Image
    jonathan
    Answered on June 22, 2016 at 11:59 PM

    Please try this CSS codes on your form https://form.jotform.com/61730636520955  

    th{

        background-color: #E45696;

        color: #ffffff;

    }

    td:nth-child(1){ 

        min-width: 80px !important;

    }

     

    td:nth-child(2){ 

        min-width: 120px !important;

    }

     

     

    td:nth-child(3) { 

        min-width: 150px !important;

    }

     

    Here is my test form https://form.jotform.com/61738949907979

     

     

     

     

     

  • Profile Image
    Kgr0up
    Answered on June 23, 2016 at 12:14 AM

    Perfect!!!! thankyou!!