1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide Lessons on the Course Sidebar

Hide Lessons on the Course Sidebar

Introduction

BuddyBoss does not offer a built-in option to hide individual lessons in the course sidebar. You can use a simple CSS snippet to selectively hide lessons from the sidebar while keeping the rest of your course content visible.

Custom Workaround

Follow these steps to hide lessons on the course sidebar:

  1. Go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Add the following CSS code:
.bb-single-course-sidebar .bb-course-volume-list li:nth-child(2) {

    display: none;

}

You can adjust the nth-child() value to hide other lessons as needed.

  1. 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 lesson is still visible, what should I do?

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

Q: Can I hide multiple lessons?

A: Yes. Add additional CSS rules targeting different nth-child() values for each lesson you want to hide. For example:

.bb-single-course-sidebar .bb-course-volume-list li:nth-child(3) { display: none; }

.bb-single-course-sidebar .bb-course-volume-list li:nth-child(5) { display: none; }

Q: Will this hide lessons on the main course content page?

A: No. This only affects the course sidebar navigation.

Q: Can this be undone?

A: Yes. Remove or comment out the CSS snippet and save changes to restore the lessons in the sidebar.

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.