Introduction
LearnDash courses display a status ribbon on the course cover to indicate progress or completion, which may not fit every site design. This guide explains how to remove the course status ribbon in LearnDash courses, helping you achieve a cleaner and more minimal course layout.
Custom Workaround
Before proceeding, make sure you have a complete site backup.
- Go to BuddyBoss > Theme Options in your WordPress admin dashboard.
- Open the Custom Codes section.
- Enable CSS.
- Add the following CSS code:
.bb-course-cover .ld-status {
display: none;
}- Click Save Changes.
Troubleshooting and FAQs
Q: The course status ribbon is still visible after adding the CSS.
A: Clear your site cache and browser cache, then reload the course page.
Q: Will this affect course progress or completion tracking?
A: No. This only removes the visual ribbon and does not affect course functionality.
Q: Can I restore the course status ribbon later?
A: Yes. Remove the CSS code and save your changes.