1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Remove the Course Status Ribbon in LearnDash Courses

How to Remove the Course Status Ribbon in LearnDash Courses

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.

  1. Go to BuddyBoss > Theme Options in your WordPress admin dashboard.
  2. Open the Custom Codes section.
  3. Enable CSS.
  4. Add the following CSS code:
.bb-course-cover .ld-status {

    display: none;

}
  1. Click Save Changes.

Note: Any modifications like this are considered custom work. Please review the BuddyBoss Support Policy for details.

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.

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

This field is for validation purposes and should be left unchanged.
This field is hidden when viewing the form

To speak to our Agency consultant, fill in the form found at our Contact Page.