Custom code or Java script to reduce line spacing between multiple choices options in a drop down | XM Community
Skip to main content

Greetings All,

I’m hoping someone has done this before and has the code? I am using a drop down in the multiple choice question type, and specifically applying the survey to a feedback link across one of the sections of our website.  I really want it to be super easy for users to see and respond.  I am using the ‘Simple’ layout in the Look and feel tab in the Survey.  I’m not sure if its the survey question itself or the theme I have applied, but it defaults to mulitple spacing when you click the dropdown, which is not ideal ssee attached pic].  I’m not sure why it does that. Just makes it more difficult for the respondent.  

Does anyone have code that would reduce this line spacing to a single space?  

Thanks so much…

No javascript or CSS supports in Qualtrics DD setup. I tried it multiple times but never worked.

Thanks Arun - I appreciate the reply.

you’re welcome, @MrcW 

Try adding the below CSS to the Style section of the survey’s Look & Feel:

.select-menu.menu-dropdown .menu-item, .select-menu.menu-dropdown .menu-item-group-label {
    padding: 0px 5px 0px 5px;
}

 

@Tom_1842 Thanks so much!  I’ll give that a try.

 

Leave a Reply


Terms & Conditions