CSS code for changing appearance of input table widget

  • Profile Image
    Benflips
    Asked on July 09, 2019 at 02:08 AM

    Hello.

    Can I please have some custom CSS code to alter the grey border and background on the standard 'input table' widget/field

    If you could provide template code for colour of border, row heading background, column heading background and the lighter colour behind the radio button that would be great.

    Thanks in advance

  • Profile Image
    Kiran
    Answered on July 09, 2019 at 03:44 AM

    Please try using the following CSS code to the form to change the headers background and border colors. Since I have used some random colors, you may change the color codes as per your requirement.

    .form-matrix-row-headers {

        border-color : #469A84;

    }

    .form-matrix-table th {

        background-color : #f9f1ea;

        border-color : #469A84;

    }

    .form-matrix-values {

        border-color : #469A84;

        background-color : #6DD0F2;

    }

    th.form-matrix-column-headers {

        background-color : #c49f9f;

    }


    Hope this information helps!