Highlight the Correct Answer on LearnDash Quizzes

Introduction

By default, BuddyBoss does not provide an option to visually highlight the correct answer in LearnDash quizzes. Using a simple CSS snippet, you can add a border highlight to correct answers, making them easier for learners to identify after submission.

Custom Workaround

Follow the steps below to highlight the correct answer in LearnDash quizzes:

1. Go to BuddyBoss > Theme Options
2. Under Custom Codes, enable CSS
3. Append the following:

.learndash-wrapper .wpProQuiz_content 

.wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete { 

    border: 1px solid green !important; 

}

4. Save changes.

Note: Any modifications are considered custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: When will the correct answer be highlighted?

A: The highlight appears after the quiz question has been answered and LearnDash marks the response.

Q: Does this change the quiz logic or scoring?

A: No. This CSS only affects the visual display and does not impact scoring, grading, or quiz behavior.

Q: Can I change the highlight color?

A: Yes. You can replace green with any valid CSS color value, such as #28a745 or blue.

Q: Will this work for all quiz types?

A: It works for quiz questions rendered using the standard LearnDash (WP Pro Quiz) structure.

Q: The highlight is not showing. What should I do?

A: Clear your site and browser cache. If the issue persists, confirm that your theme is BuddyBoss and that no custom styles are overriding this rule.