How to show quiz options horizontally?

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

Watch the Video Demo