Configurable list - Label Color & Text Box Width

  • VWCPRD
    Asked on August 6, 2020 at 4:04 PM

    I have added a Configurable List to a form but the column labels are black and I need them to be white.

    Also, the columns are for Name and Age. I need the column width for Name to be wider and the width of the Age column to be smaller. 

    Can you help or provide CSS for this?

    Thanks!

    Rainey Johns

  • Elton Support Team Lead
    Replied on August 6, 2020 at 8:02 PM

    Inject these CSS codes in your Configurable List Widget in its settings under the Custom CSS tab to achieve your desired layout.

    #listContainer th{

        color: #fff;

    }

    .col2 input[type=text]{

        width: 40px !important;

    }

    .col1 input[type=text]{

        width: 200px !important;

    }

    Guide: How to Inject CSS Codes to Widgets

    Result:

    Configurable list   Label Color & Text Box Width Image 1 Screenshot 20