1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Change the Username Font Size in the Header Bar

How to Change the Username Font Size in the Header Bar

Introduction

BuddyBoss does not provide a built-in option to adjust the username font size in the header bar. However, you can easily customize it by adding a simple CSS snippet through Theme Options. This guide shows you how to change the Username Font Size in the Header Bar, and we recommend testing changes in a staging environment or backing up your site before applying them.

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:
.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name {

  font-size: 24px;

}

Note: You can change the font size by replacing 24px with your desired value, for example 50px.

  1. Click Save Changes.

Standard Font Size: 24px
Example Font Size Changed: 50px

Troubleshooting and FAQs

Q: The font size didn’t update, what should I check?

A:

  • Clear your site cache, caching plugin, or CDN cache.
  • Ensure the CSS was pasted exactly as shown.
  • Confirm that Enable CSS was turned on before saving.

Q: Can I use other units besides pixels?

A: Yes. You can use em, rem, or % values if preferred:

font-size: 2rem;

Q: Will this affect other text in the header?

A: No. This CSS specifically targets the username text in the header bar.

Q: Who can I contact for further assistance?

A: Customizing CSS is considered custom work. You can review our Support Policy, but we recommend testing changes in a staging environment.

Was this article helpful?

Related Articles

Subscribe to Our Newsletter

Stay In Touch

Subscribe to our Newsletter, and we’ll send you the latest news from BuddyBoss

  • This field is hidden when viewing the form
  • This field is for validation purposes and should be left unchanged.

To speak to our Agency consultant, fill in the form found at our Contact Page.

  • Get Started

    Enter your name and email address to get started with your project...

  • This field is for validation purposes and should be left unchanged.