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

SIDE X SIDE LIST: CHANGING ALIGNMENT

  • February 25, 2021
  • 1 reply
  • 22 views
M
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
      • Tom_1842
      • 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

      Terms & ConditionsAccessibility statement