HOW TO COLOR THE BACKGROUND OF COLUMNS IN A SIDE by SIDE QUESTION WITHOUT JAVASCRIPT | XM Community
Skip to main content

Hello, everyone:
I've created a side-x-side question with four columns (see picture below). I'd like to change the color background color of each column. Unfortunately, I don't have Java Script permissions with my version of Qualtrics, so any possible solution would need to take that into account. I'm trying to change the look/feel of only the columns in the question and not change the color of every table in the document. As usual and sincerely . . . Thank you in advance.

Side-x-Side Table-2.png

Try this CSS code in look & feel, replace "QID" in below code with question id of your particular question.
#QID .QuestionBody .Choice .SBS1 {background-color: #ff06;} /* first column*/
#QID .QuestionBody .Choice .SBS2 {background-color: #00a1ff4f;} /* second column*/
#QID .QuestionBody .Choice .SBS3 {background-color: #f3819666;} /* third column*/
#QID .QuestionBody .Choice .SBS4 {background-color: #91f34766;} /* fourth column*/

Thank you, ChiragK. I'll give it a try. (I appreciate your help.)

Hello, I'm sure it's probably something I am doing, but the code didn't work for me.

I would appreciate it if anyone has another suggestion about how I can accomplish this OR perhaps help me understand what I might do differently to implement the previous solution. 😐️

td.SBS1{Style here}.
Repeat for each.

Good morning, ahmedA. Thanks, I'll give it a try.

ahmedA - thank you. worked a treat.

I am going to have to give this a try.

Leave a Reply


Terms & Conditions