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

HOW TO COLOR THE BACKGROUND OF COLUMNS IN A SIDE by SIDE QUESTION WITHOUT JAVASCRIPT

  • February 18, 2021
  • 8 replies
  • 156 views

Forum|alt.badge.img

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

Best answer by ahmedA

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

8 replies

Forum|alt.badge.img+8
  • Level 2 ●●
  • February 18, 2021

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*/


Forum|alt.badge.img
  • Author
  • February 18, 2021

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


Forum|alt.badge.img
  • Author
  • February 18, 2021

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


Forum|alt.badge.img
  • Author
  • February 18, 2021

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. 😐️


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • Answer
  • February 18, 2021

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


Forum|alt.badge.img
  • Author
  • February 18, 2021

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


Forum|alt.badge.img
  • Author
  • February 18, 2021

ahmedA - thank you. worked a treat.


GeorgeIssa
Level 2 ●●
Forum|alt.badge.img+21
  • Level 2 ●●
  • February 18, 2021

I am going to have to give this a try.