How to change form matrix row headers colours?

  • jbefooty
    Asked on November 21, 2017 at 11:21 AM

    Is it possible to have different colours for each row inside matrix?

  • Kiran Support Team Lead
    Replied on November 21, 2017 at 12:42 PM

    I have checked your JotForm and see that the headers of the input table have already been changed. 

    151128614021112017 230925 Screenshot 10

    If you need any further assistance, please let us know here. We will be happy to assist. 

  • jbefooty
    Replied on November 22, 2017 at 4:43 AM
    Sorry I didn't make myself clear it's not Week number it's the actual entry of the games currently black I want each one to be different colour is that possible please thanks for replying
    ...
  • Kiran Support Team Lead
    Replied on November 22, 2017 at 6:18 AM

    You may inject some custom CSS code to the form to change the color of the table headers. Please use the following CSS Code to change the color:

    tr:nth-child(2) > th {

    color: red;

    }

    tr:nth-child(3) > th {

    color: green;

    }

    tr:nth-child(4) > th {

    color: blue;

    }

    Please see the screenshot below:

    151134932822112017 164446 Screenshot 10

    Since the first header is empty, the number starts in the CSS code from 2. You may copy the same CSS code to use with the other rows in the Input table.


    Hope this information helps! Please get back to us if you need any further assistance. We will be happy to help. 

  • jbefooty
    Replied on November 22, 2017 at 7:43 AM
    Kiran
    Thankyou so much that is exactly what I want
    Regards
    John
    ...