Replace Quiz Icons with Checkmarks

Updated 3 years ago

by Dave Warfel

LearnDash uses a unique icon for quizzes when displaying course content. Lessons & topics use open circles for incomplete content and a green checkmark for completed content. However, quizzes use a different icon.

If you’d like to replace the LearnDash quiz icon and just use a checkmark instead, you can use the following CSS.

/* INCOMPLETE QUIZ */
.learndash-wrapper .ld-quiz-incomplete.ld-status-icon {
	background: #fff;
	border: 4px solid #e2e7ed;
}
.ld-quiz-incomplete .ld-icon-quiz:before {
	content: "";
}

/* COMPLETED QUIZ */
.ld-quiz-complete .ld-icon-quiz:before {
	content: "\e906";
}
.learndash-wrapper .ld-status-icon.ld-quiz-complete .ld-icon {
	font-size: 1em;
	color: #fff;
}
.learndash-wrapper .ld-quiz-complete {
	background-color: #019e7c;
}

If you’re using the Design Upgrade Pro for LearnDash plugin, you might want to swap out that final piece of CSS and use the custom correct color that you’ve set in the Customizer. It would look like this:

.learndash-wrapper .ld-quiz-complete {
	background-color: var(--ldx-color-correct);
}

All CSS code should either be placed in a child theme’s main CSS file (typically style.css), or the Additional CSS area of the WordPress Customizer.

How to Add CSS to Your Site

Forum Rules

Be Kind & Patient

We’re here to learn and/or help each other. Please don’t be mean, rude, or condescending. Treat all members the way you should be treating dogs and your elders—with the utmost love & respect.

External Links

✅ Other websites that add value, help solve problems & contribute to the discussion. ❌ Affiliate links are prohibited. (Site owners may use affiliate links to help support the site.)

Promotion

✅ You may promote your own products/services if they are relevant to an existing discussion. You must disclose your relationship with the product(s).
❌ You may not create new posts simply to promote your products.

Non-LearnDash Topics

❌ General (free) Forum: Only LearnDash-specific topics are allowed.
✅ Premium Forums: You are allowed to post other questions tangentially related to LearnDash. Please use the appropriately named forum. If it doesn’t exist, use the “LearnDash Integrations” forum.

Our Right to Remove

We reserve the right to remove any content, at any time, for any reason. We can also merge one post with another. We will exercise caution when removing content and always try to provide an explanation.