Hide First Name, Last Name, and Nickname from the Profile Page

Introduction

Hiding profile name fields in BuddyBoss can be managed using built-in settings, which are covered in the Hiding User Data knowledge base article. If you prefer a quicker visual-only approach, you can hide the First Name, Last Name, and Nickname fields on the profile page using a custom CSS snippet in BuddyBoss.

Custom Workaround

Follow the steps below to hide the First Name, Last Name, and Nickname fields using CSS.

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

.field_first-name,

.field_nickname,

.field_last-name {

    display: none;

}

4. Click Save changes

Please note that using this CSS snippet will also remove these fields from the registration page.

Any CSS or code changes are considered custom work. For more information, please review the BuddyBoss Support Policy:
https://buddyboss.com/support-policy/

Troubleshooting and FAQs

Q: The name fields are still visible after adding the CSS. What should I check?

A: Clear your site cache, browser cache, and any CDN cache. Also confirm the CSS was added under BuddyBoss Theme Options and that CSS is enabled.

Q: Will this remove the fields completely from the database?

A: No. This only hides the fields visually. The data remains stored in the user profile.

Q: Does this affect the registration page?

A: Yes. This CSS will also hide the First Name, Last Name, and Nickname fields on the registration page.

Q: Is there a built-in way to manage this without CSS?

A: Yes. BuddyBoss provides profile field visibility controls. Refer to the Hiding User Data knowledge base article for configuration-based options.