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.

---

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!

---