How to Change the Font Color of the Display Name on the Profile Page

Introduction

Changing the font color of the display name on the profile page can help you match your site’s visual identity and improve readability. Although the BuddyBoss Theme does not include a built-in setting for this, a simple CSS snippet allows you to apply a custom font color with ease.

Custom Workaround

To change the font color of the display name:

1. In your WordPress Dashboard, go to BuddyBoss > Theme Options.
   
2. Scroll to the Custom Codes section and toggle Enable CSS.
   

Append the following CSS code (replace #ff0000 with your desired color):

h2.user-nicename {

  color: #ff0000 !important;

  /* Replace #ff0000 with your desired color code */

}

3. Click Save Changes.
   

Note: Any changes made using custom code are considered “custom work.” For more information, refer to our Support Policy.

Troubleshooting and FAQs

Q: The display name font color didn’t change—what should I do?
A: Clear your browser and site cache. Make sure the CSS was saved correctly and includes the !important declaration to override existing styles.

Q: Will this affect other headings or elements?
A: No. This CSS specifically targets the h2.user-nicename element used for the display name on profile pages.