Community Groups are officially here!
We've released Groups, a new feature that enables us to connect community members of similar industries and interests in a shared, private space. You can check out all of the details here, including information about who can join, how to join, and what Groups are currently offered. Please leave your feedback through this Community Groups Feedback Survey.

CSS to Adjust Dropdown List Width?

CarsonPHL
CarsonPHL Community Member Qubie ✭
edited June 2020 in Custom Code

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.

Tagged:

Answers

  • Roieopsteam
    Roieopsteam Community Member, Qualtrics Brand Admin Qubie ✭

    Hi CarsonPHL,

    Did you solve this issue?
    I'm actually facing the same issue right now and would love to find a solution.

  • npetrov937
    npetrov937 London, UKCommunity Member - Trial User Guru ✭✭

    Look & Feel -> Style -> Custom CSS:

    .Skin select {width:200px}

  • Shilpigupta1
    Shilpigupta1 Haryana,IndiaCommunity Member Qubie ✭

    @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
    npetrov937 London, UKCommunity Member - Trial User Guru ✭✭

    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!