Adjust row height in multiple choice

cloofcloof BerlinCommunity Member Qubie ✭

Adjust row height in multiple choice

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

  • PraDeepKotian_UgamPraDeepKotian_Ugam Mumbai, India Sage ✭✭✭
    edited October 2018 Accepted Answer

    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.

Answers

  • cloofcloof BerlinCommunity Member Qubie ✭

    Thank you very much! This is working :)
    Is there any chance to make the background transparent/white?

  • ShashiShashi IndiaCommunity Member Wizard ✭✭✭✭✭

    @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;
    }
    
Sign In to Comment