Adjust row height in multiple choice | XM Community
Skip to main content
Solved

Adjust row height in multiple choice

  • October 30, 2018
  • 4 replies
  • 303 views

Dear community, due to our layout rows are very high in multiple choice questions, so that questions with 6 answers options already look extremely long and annoying. Unfortunately I cannot change/adjust the layout. Is there any code I can use to make the boxes less high? Or adjust the height to the text? I'd also be happy to change question type or so if thathelps but haven't found anything that works.!

Best answer by PraDeepKotian_XM

hi cloof, add below code in Look &Feel->Style->Custom CSS(it will apply in survey): .Skin label.MultipleAnswer, .Skin label.SingleAnswer { padding: 5px; } You can adjust the height by changing value of padding as per your requirement.

4 replies

PraDeepKotian_XM
QPN Level 5 ●●●●●
Forum|alt.badge.img+21
  • QPN Level 5 ●●●●●
  • 230 replies
  • Answer
  • October 30, 2018
hi cloof, add below code in Look &Feel->Style->Custom CSS(it will apply in survey): .Skin label.MultipleAnswer, .Skin label.SingleAnswer { padding: 5px; } You can adjust the height by changing value of padding as per your requirement.

  • Author
  • 18 replies
  • October 30, 2018
Thank you very much! This is working :) Is there any chance to make the background transparent/white?

  • 0 replies
  • October 30, 2018
> @cloof said: > Thank you very much! This is working :) > Is there any chance to make the background transparent/white? Use the below code in Add custom css .Skin label.MultipleAnswer, .Skin label.MultipleAnswer.q-focused, .Skin label.SingleAnswer { background-color: white; }

Forum|alt.badge.img+4
  • Level 2 ●●
  • 12 replies
  • July 20, 2023

Hi @PraDeepKotian_Ugam , could you suggest how to amend this code for it to work on the rows of a side-by-side question? Thanks