Thanks 😀
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 😀
Thanks 😀Best answer by Matt_Christie_Walker
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.
View original
+5Here 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.
+5Hi 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!
1 person likes this
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.