Hi Team,

I'm trying to adjust the bootstrap buttons in a multi-choice question. Would like to adjust so that the buttons are presented vertically down the page rather than the horizontal default (as shown in the attached image).

Thanks in advance.



P.S.Have tried various .css options and also including set columns to "1" in the questions display columns but unfortunately it doesn't work.

Solved! Refer to the attached image.

Enter the following into custom.css

/* Display bootstrap answer buttons vertically*/

.btn-group .btn-primary {
position: relative;
float: none;
background: rgba(50, 43, 46, 0.4)}

/* Create space between bootstrap answer buttons*/

.btn { margin-bottom: 3px;}