Hide LearnDash Progress Bar

Introduction

BuddyBoss does not provide a built-in option to hide the LearnDash progress bar. You can use a simple CSS snippet to remove it from course pages, giving your layout a cleaner look or reducing distractions for learners.

Custom Workaround

Follow these steps to hide the LearnDash progress bar:

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

.learndash_content_wrap .ld-progress {

    display: none;

}

4. Click Save changes

Note: Any modifications are considered custom work. Review the BuddyBoss Support Policy for more details:
https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The progress bar is still visible, what should I do?

A: Make sure the CSS is added under BuddyBoss Theme Options, that CSS is enabled, and clear your site or browser cache.

Q: Will this hide progress bars for all courses?

A: Yes. This CSS targets all LearnDash progress bars site-wide.

Q: Can I hide it only for specific courses?

A: You can. Add a course-specific class or ID to the CSS selector to target only certain pages.

Q: Can this be undone?

A: Yes. Remove or comment out the CSS snippet and save changes to restore the progress bars.