Hide Member Details on Profile Page

Introduction

BuddyBoss does not provide a built-in option to hide member details on the profile page. If you want to remove the member details section from displaying, you can do this using a small CSS snippet added through the BuddyBoss Theme Options.

This approach is useful if you want a cleaner profile layout or need to hide certain profile information without modifying profile field settings.

Custom Workaround

Follow these steps to hide member details on the profile page:

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

.group-separator-block:first-child {

    display: none;

}

4. Click Save changes

Please note that this CSS will only work correctly if the member details section is always the first item on the profile page. If the order of profile fields changes, this code will hide whichever section appears first instead.

Any modifications are considered custom work. Learn more about our Support Policy here:
https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The wrong profile section is being hidden. Why?

A: This happens if the member details block is no longer the first item on the profile page. The CSS targets only the first section, regardless of its content.

Q: Can I target a specific profile field instead?

A: Not reliably with CSS alone unless the field has a unique class or selector. In most cases, field-level control requires profile field settings or custom development.

Q: Will this affect registration fields?

A: No. This CSS only affects the profile page display and does not modify registration forms.

Q: Can I undo this change later?

A: Yes. Simply remove the CSS snippet and save changes.