CSS Code to Remove the Discussion Box in Forums Page

Introduction

BuddyBoss does not provide a built-in option to remove the discussion box on forums pages. You can easily hide the discussion box using a small CSS snippet, giving your forums a cleaner layout and a more focused user experience while managing the Forum Discussion Box effectively.

Custom Workaround

1. In your WordPress admin, go to BuddyBoss > Theme Options
2. Under Custom Codes, toggle Enable CSS to On
3. Paste the following CSS:

#bbpress-forums > div:nth-child(4) {

  display: none;

}

ul#bbp-forum-0.bbp-topics1.bs-item-list.bs-forums-items.list-view {

  display: none;

}

4. Click Save Changes

Any custom code is considered “custom work.” Please review our Support Policy for more details.

Troubleshooting and FAQs

Q: The discussion box is still visible, what should I check?
A: Clear your site cache, caching plugin, or CDN cache. Ensure the CSS was pasted exactly as shown and that Enable CSS was turned on before saving

Q: Will this affect other pages or forum elements?
A: No. This CSS specifically targets the discussion box and forum topic list as defined in the snippet

Q: Can I unhide the discussion box later?
A: Yes. Remove or comment out the CSS code to restore the discussion box

Q: Who can I contact for further assistance?
A: Submit a support ticket through your BuddyBoss account dashboard for personalized help