SIDE X SIDE LIST: CHANGING ALIGNMENT | XM Community
Skip to main content
Solved

SIDE X SIDE LIST: CHANGING ALIGNMENT

  • February 25, 2021
  • 1 reply
  • 20 views

Forum|alt.badge.img

Hello, Everyone:
I'm still in need 😉
Can anyone share the code (hopefully simple) that would center the numbers in a Side x Side dropdown list? Picture below of list that I'd like to center.) By the way, the question has multiple rows (10). (I do not have access to JavaScript.) I was thinking that I probably will need to add the code to the text of every question. Thank you so much.

CENTER _ NUMBERS DROPDOWN.png

Best answer by Tom_1842

Hi there, if you still need, this can be put in place for the whole SBS question by adding the below CSS to the Style section of the survey's Look & Feel:
.Skin .SBS select {
text-align: center;
}
To put this in place for specific columns, add the column number after the "SBS", like in the below:
.Skin .SBS1 select {
text-align: center;
}
SBScenterselection.png

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Answer
  • November 10, 2022

Hi there, if you still need, this can be put in place for the whole SBS question by adding the below CSS to the Style section of the survey's Look & Feel:
.Skin .SBS select {
text-align: center;
}
To put this in place for specific columns, add the column number after the "SBS", like in the below:
.Skin .SBS1 select {
text-align: center;
}
SBScenterselection.png