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

Introduction

Changing the font size of the display name on the profile page can improve visual hierarchy and help highlight important user information. While the BuddyBoss Theme doesn’t provide a built-in setting for this, you can easily customize the font size using a CSS snippet.

Custom Workaround

To change the font size 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 40px with your preferred size):

h2.user-nicename {

  font-size: 40px !important;

  /* Replace 40px with your desired font size */

}

3. Click Save Changes.
   

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

Troubleshooting and FAQs

Q: The font size 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 theme styles.

Q: Will this affect other headings on the site?
A: No. This CSS specifically targets the display name element (h2.user-nicename) on profile pages.