How to change the hover color of a matrix table | XM Community
Skip to main content
Hello,



Could anyone please guide me on how to change the hover color of a matrix table question?



I have managed to change the hover color of multiple choice, single answer questions using the CSS code below:



.Skin label.SingleAnswer:hover, .Skin label.SingleAnswer:hover {

background-color: rgb(210, 210, 210);

border-style: solid;

border-color: black;

border-width: 1px;

}



I wish to do something similar for matrix table questions involving Likert scales.



Thank you!
read below post

https://www.qualtrics.com/community/discussion/comment/7231#Comment_7231
Hello @tkotze

For matrix table questions



.Skin .Matrix table td:hover {

background-color: rgb(210, 210, 210);

border-style: solid;

border-color: black;

border-width: 1px;

}
Hello Shashi,



Thank you! This helps a lot.



Is there a way to change the color of the whole table row when the user hovers over it?



Currently, the row color is a very light grey when the row is hovered over as is shown in the last row of the screen print below. I would like to make the color darker.



!



Kind regards,



Theuns
Hello @tkotze ,

Use the below code:



table{

border-collapse:collapse !important;

}



.Skin .ChoiceRow:hover {

background-color: rgb(210, 210, 210);

border-style: solid;

border-color: black;

border-width: 1px;

}
Perfect! Thank you, Shashi.

Leave a Reply


Terms & Conditions