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