Hi all, Have tried using look and feel (compact), java script and CSS but nothing seems to working. I have a multiple choice question with five options (answers are displayed vertically). Instead of text, I have included an image for each option. Does anyone know of a solution to reduce the space between multiple choice options? I want there to be little space between the options so it looks more like a table potentially. Any tips/tricks would be really helpful. Thanks in advance!

Try this updated CSS script:<style>.mc .choice-label{padding-top:0px;padding-bottom:0px;}.choice .choice-content .display-with-image{margin-top:0px;}.mc.vertical .choices .choice{margin-bottom:0px;}.question {margin-bottom:0px;}.question-error-wrapper{padding:0px!important;}</style>

Assuming you are using simple layout, we can use below CSS in the HTML view of the question text:<style>.mc .choice-label{padding-top:0px;padding-bottom:0px;}.choice .choice-content .display-with-image{margin-top:0px;}.mc.vertical .choices .choice{margin-bottom:0px;}</style>

Reducing space between multiple choice options

Reducing space between multiple choice options | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded