Code for formatting Side by Side | XM Community
Skip to main content
Solved

Code for formatting Side by Side

  • September 13, 2023
  • 2 replies
  • 283 views

Forum|alt.badge.img+2

Hello 

I have created a side-by-side question and would like to format as follows:

Each column should display a different colour theme, and all rows alternate in colour. Something like the below: 

Is there any code out there that someone might be willing to share? Or some pointers on how I might achieve this look and feel? 

Thank you in advance! 

 

Zoe 

Best answer by TomG

You can use this CSS (you’ll want to change the colors, I used names to make the example obvious):

.SBS .Choice .SBS1 {background-color:green;}
.SBS .Choice.ReadableAlt .SBS1 {background-color:lightgreen;}
.SBS .Choice .SBS2 {background-color:blue;}
.SBS .Choice.ReadableAlt .SBS2 {background-color:lightblue;}

 

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 6084 replies
  • Answer
  • September 13, 2023

You can use this CSS (you’ll want to change the colors, I used names to make the example obvious):

.SBS .Choice .SBS1 {background-color:green;}
.SBS .Choice.ReadableAlt .SBS1 {background-color:lightgreen;}
.SBS .Choice .SBS2 {background-color:blue;}
.SBS .Choice.ReadableAlt .SBS2 {background-color:lightblue;}

 


Forum|alt.badge.img+2
  • Author
  • Level 2 ●●
  • 20 replies
  • September 13, 2023

Hi TomG 

Thank you for your reply and your time. 

That works really well! 

Much appreciated! 

Zoe