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

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!

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.
> @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
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.

Leave a Reply