How to restore gaps between padding of horizontal answer choices (multiple choice, list)? | XM Community
Skip to main content
Solved

How to restore gaps between padding of horizontal answer choices (multiple choice, list)?


Forum|alt.badge.img+1

As you can see in the screenshot above, the gray padding around each of the multiple choice options are all touching each other. I do not want this.

My answer options used to have a gap between them (also pictured, below). This is what I want.
 

 I was using the same styling (no custom CSS, compact, arial font, 18pt questions with 16 pt answer choices) and layout (classic) for each version. After adding many questions to my survey, I eventually noticed that at some point the display of choices had changed.

I’ve tried reverting to the previous version where the options are presented the way I’d like (with gaps), but when I imported (copied in) the rest of the questions I’d developed since that version, all of the choices started being displayed without the gaps again.

Does anyone know why this happened, or how I can revert the way the choices are displayed? Maybe I could apply custom CSS styling? Or, (less ideal) maybe there is JS that I could apply to each question individually?

Best answer by TomG

@msb74,

Hard to tell exactly how that happened without seeing the question(s) live, but it appears that you have overridden the default CSS rules to collapse the table borders and/or remove the border spacing.

Perhaps one of the questions you imported included a <style> tag in the question text?  However, that would only apply to questions on the same page.

View original

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5939 replies
  • Answer
  • April 4, 2025

@msb74,

Hard to tell exactly how that happened without seeing the question(s) live, but it appears that you have overridden the default CSS rules to collapse the table borders and/or remove the border spacing.

Perhaps one of the questions you imported included a <style> tag in the question text?  However, that would only apply to questions on the same page.


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • April 6, 2025
TomG wrote:

@msb74,

Hard to tell exactly how that happened without seeing the question(s) live, but it appears that you have overridden the default CSS rules to collapse the table borders and/or remove the border spacing.

Perhaps one of the questions you imported included a <style> tag in the question text?  However, that would only apply to questions on the same page.

I think this was it!

I had a question relying on html to create a popup when a respondent presses on a hyperlink, using this code: 

https://community.qualtrics.com/custom%2Dcode%2D12/pop%2Dup%2Dbox%2Dfor%2Dadditional%2Dinformation%2Dworking%2Dalso%2Don%2Dmobile%2D7309?postid=96855#post96855
 

I had to modify the code as follows: 

https://controlc.com/40776d44


Leave a Reply