Classic layout: how do I reduce the size of the response option boxes? | XM Community
Skip to main content
Question

Classic layout: how do I reduce the size of the response option boxes?

  • May 17, 2023
  • 5 replies
  • 224 views

Forum|alt.badge.img+2

I am hoping someone could help me.

 

Classic layout in Look and Feel and I want to reduce the size of the response option boxes on a multiple-choice question (single response). 

 

 

 

5 replies

krbhavya
Level 6 ●●●●●●
Forum|alt.badge.img+20
  • Level 6 ●●●●●●
  • May 17, 2023

Hi @Client Insights 

You can apply custom CSS to change the size of the boxes

https://www.qualtrics.com/support/survey-platform/survey-module/look-feel/fonts-and-colors/#AddCustomCSS


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • May 17, 2023

I am hoping someone could help me.

 

Classic layout in Look and Feel and I want to reduce the size of the response option boxes on a multiple-choice question (single response). 

 

 

 

Reduce the padding around the choice labels (currently 20px). For example:

.Skin label.MultipleAnswer, .Skin label.SingleAnswer { 10px; }

 


Forum|alt.badge.img+2

Thank you very much. Unfortunately, it doesn’t work on my end. I may just have to ask Qualtrics. Thank you for your help. 


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • May 17, 2023

Thank you very much. Unfortunately, it doesn’t work on my end. I may just have to ask Qualtrics. Thank you for your help. 

Did you add it to Custom CSS?


praveengeorgeix
QPN Level 4 ●●●●
Forum|alt.badge.img+11
  • QPN Level 4 ●●●●
  • May 18, 2023

Hi you can do this in CSS.

Add the script below

.Skin .QuestionBody {

    padding: 0 400px 20px 20px !important;

}

 

Previous

 

Result