CSS to Adjust Dropdown List Width? | XM Community
Question

CSS to Adjust Dropdown List Width?

  • 26 July 2019
  • 4 replies
  • 291 views
C
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

R
Badge +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
Rank
Userlevel 4
Badge +4
Look & Feel -> Style -> Custom CSS:

`.Skin select {width:200px}`
S

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
Rank
Userlevel 4
Badge +4

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!

Leave a Reply


Terms & Conditions