The default arrangement of answer options in multiple choice question options type quiz in Learndash is vertical . So, how do you arrange MCQ quiz horizontally? Well , it is easy .But you need to add a set of code.
Code to Add
@media (min-width:600px) {
.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] {
display: flex;
flex-wrap: wrap;
}
.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem {
margin: 0 0.5em 0.5em 0;
}
.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] label {
padding: 0.4375em 0.75em;
}
How to Add the code?
Here are steps
- Go to Appearance in Admin
- Click customize
- Click on “Additional CSS” & paste the code
- Save