Pick, Group & Rank: Can I change the colour and formatting of the Group titles? | XM Community
Solved

Pick, Group & Rank: Can I change the colour and formatting of the Group titles?


For example: I would like to change the background colour and font colour of the rectangle containing "A"

!

Thanks 😀
icon

Best answer by Matt_Christie_Walker 7 May 2018, 17:10

View original

4 replies

Userlevel 4
Badge +5
Here is the css that you need to change:

.Skin .PGR .DragAndDrop .Group h2 {
border-bottom: 2px solid #d2d2d6;
padding: 10px;
background: #f7f7f7;
}

So if you'd like to change the background color to black, and the font color to white, go to *Look and Feel* -> *Advanced* -> *Add Custom CSS* and then place the following:

.Skin .PGR .DragAndDrop .Group h2 {
border-bottom: 2px solid #d2d2d6;
padding: 10px;
background: #000000;
color:#ffffff;
}

This will change it throughout your survey.
> @Matt_Christie_Walker said:
> Here is the css that you need to change:
>
> .Skin .PGR .DragAndDrop .Group h2 {
> border-bottom: 2px solid #d2d2d6;
> padding: 10px;
> background: #f7f7f7;
> }
>
> So if you'd like to change the background color to black, and the font color to white, go to *Look and Feel* -> *Advanced* -> *Add Custom CSS* and then place the following:
>
> .Skin .PGR .DragAndDrop .Group h2 {
> border-bottom: 2px solid #d2d2d6;
> padding: 10px;
> background: #000000;
> color:#ffffff;
> }
>
>

Thank you Matt!
Do you have any suggestions about where I can learn how to edit the survey through custom codes? I cannot find any resources.
Userlevel 4
Badge +5
Yes, you can read the Qualtrics documentation here and you can learn more about using your browser to inspect elements (to see the existing CSS) here.

Hi All,
This post has been very helpful, thank you for this! I was wondering if there is a way to color the choices under "Items" as well?
I tried this, but it doesn't work:
.Skin .PGR .DragAndDrop .QID4-1-label label {
  background: #CD5C5C;
  color: #2F4F4F
}

Could you please help what is missing from this? Thank you very much in advance!

Leave a Reply