The LearnDash course plugin has various types of quiz creation facility . One of the most common type is Multiple Choice Question which provides four or five answer options . The default design of the quiz is that the quiz options are arranged vertically . However , at times , you may desire to spread the question options rather horizontally .
What to do ?
It is simple . Copy the code below and Go to Dashboard > Appearance > Additional CSS > Paste the CSS code given below
Wow ! Your quiz question options are now aligned horizontally !
The CSS code
.wpProQuiz_questionList .wpProQuiz_questionListItem { display: inline-block; margin: 0 2px; border: none; padding: 2px 10px; text-align: justify; font-size: 16px; border-radius:2%; -webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.75); box-sizing : border-box; } .wpProQuiz_questionList .wpProQuiz_questionListItem:last-child { overflow: unset; } .wpProQuiz_content .wpProQuiz_questionList { margin-bottom: 10px; background: none; border: none; }