Can anyone share CSS code for resizing the answer choice box? (I'm v new to this..) | Experience 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
E

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

    A
    Level 7 ●●●●●●●
    Forum|alt.badge.img+22
    • ahmedA
    • 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
    • JeremyK
    • 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.

    Terms & ConditionsAccessibility statement