-
lizdavies1992Asked on July 3, 2020 at 11:55 AM
This is my form: https://form.jotform.com/201741673801350
I have a lot of matrix tables in place and I would like to be able to change all of them so the
- Heading for the first column is green, with the values being a faded green
- Heading for the second column is yellow, with the values being a faded yellow
- Heading for the third column is red, with the values in that column being a faded redI have tried ti illustrate this below:
I know how to change all rows/column headings, but how do I change the colour of them individually?
Thanks
-
VincentJayReplied on July 3, 2020 at 2:08 PM
Please add this custom CSS code to your form:
th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_0 {
background: #98ff98;
}
th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_1 {
background: #ffff7b;
}
th.form-matrix-headers.form-matrix-column-headers.form-matrix-column_2 {
background: #ff7b7b;
}
You can update the Hex color codes to your own preferences
To add the custom CSS code to your form, please follow this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
-
VincentJayReplied on July 3, 2020 at 2:10 PM
Just to add, here's the result after adding the custom CSS code:
Thank you.
-
lizdavies1992Replied on July 3, 2020 at 6:50 PM
Thanks for your help!
-
lizdavies1992Replied on July 3, 2020 at 8:38 PM
-
Girish JotForm SupportReplied on July 3, 2020 at 9:31 PM
Hello,
We will address your last question on a new ticket link and will address that shortly.
Here is the new link: https://www.jotform.com/answers/2429406