Can anyone share CSS code for resizing the answer choice box? (I'm v new to this..) | XM Community
Skip to main content
Question

Can anyone share CSS code for resizing the answer choice box? (I'm v new to this..)

  • September 3, 2021
  • 2 replies
  • 249 views

VERY new to css code... but I'm asking because I think that's the only way to resize the answer choice box.
Currently, I have 40 answer choices. I think the text size is fine, but the actual box is HUGE and you have to scroll 3ish times to get to the end. Just not very user-friendly, IMO.

USR - mcms - resize answer choice 2.PNGUSR - mcms - resize answer choice.PNG

2 replies

Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • September 4, 2021

The width of the boxes is determined based on the columns you have.
Just increase the columns in the options and you'll have smaller boxes.


JeremyK
Level 3 ●●●
Forum|alt.badge.img+7
  • Level 3 ●●●
  • September 8, 2021

elizapowers you're looking to resize the height of the choices, correct? Maybe try something like this:
.Skin .MC li {
height: auto;
}
Not sure what your selectors will be exactly because we have different custom themes, so that .Skin .MC li might need a bit of tweaking to get right. Also, not sure if height defaults to auto for your theme, if it does, this will do nothing, but worth a shot. I'm afraid if you hard set the height to a value (i.e. 20px), you'll cut off some of your text, run into text wrapping issues, etc...
Let me know what that CSS does and we'll go from there.