1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Hide the List Filter of Courses

Hide the List Filter of Courses

Introduction

By default, BuddyBoss does not provide an option to hide the List Filter on the Courses page. You can use a simple CSS snippet to remove the filter dropdown or list, which can help simplify the Courses page layout and improve user experience.

Custom Workaround

Follow the steps below to hide the List Filter:

  1. Go to BuddyBoss > Theme Options
  2. Under Custom Codes, enable CSS
  3. Append the following:
#bb-course-list-grid-filters { display: none; }
  1. Save changes.

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: Will this remove courses from the page?

A: No. The courses will still appear. This only hides the filter UI element.

Q: The filter is still visible after adding the CSS. What should I do?

A: Clear your site cache and browser cache. If the code is still not working, submit a ticket to the support team for assistance.

Q: Can I hide only certain filter options instead of the entire list?

A: Not with this snippet. Hiding specific filter options would require additional custom coding.

Q: Will this affect mobile view or only desktop?

A: This CSS affects all screen sizes. For mobile-specific changes, you may need to use a media query.

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.