CSS to Adjust Dropdown List Width? | XM Community
Skip to main content
Question

CSS to Adjust Dropdown List Width?

  • July 26, 2019
  • 4 replies
  • 463 views

Hi All, I haven't had any luck doing this on my own, but would anyone be able to give me some hints on CSS code I could use to have Dropdown Lists have the same widths across different questions? (See screenshot below). Any guidance would be appreciated. -C. !

4 replies

Forum|alt.badge.img+1
Hi CarsonPHL, Did you solve this issue? I'm actually facing the same issue right now and would love to find a solution.

npetrov937
Level 2 ●●
Forum|alt.badge.img+4
  • Level 2 ●●
  • January 2, 2020
Look & Feel -> Style -> Custom CSS: `.Skin select {width:200px}`

npetrov937 - How do you edit the height and width together for a dropdown. Also, how do I ensure that it matches the other text entries in Qualtrics?


npetrov937
Level 2 ●●
Forum|alt.badge.img+4
  • Level 2 ●●
  • June 3, 2020

I would guess that you would simply need to look up the width of other text entries (using Inspect) or I think if you just click on the border of a text entry question within the survey editor it should also show you the width.
Then, simply adjust the width.
For height, I am not so sure. I would suggest looking up just generic ideas of how to adjust that in css and trying to apply the same styling to qualtrics using the above code. But I've never had to adjust height, so I am not sure there.
Hope that helps!