How to Change the BuddyBoss Header Message Icon

Introduction

If you’d like to replace the default Message icon on your BuddyBoss site, you can do so using a custom CSS snippet. While the platform doesn’t offer a built-in setting for this, you can override the icon using a Unicode value from the BuddyBoss icon set.

Custom Workaround

To change the Message icon:

1. In your WordPress Dashboard, go to Appearance > Customize.
   
2. Navigate to Additional CSS.
   

Append the following CSS code (replace \ee62 with the icon code of your choice):

.messages-wrap i.bb-icon-inbox:before {

  content: '\ee62';

}

3. Click Publish to save the changes.
   

You can browse available icons and their Unicode values using the BuddyBoss Font Cheatsheet:
? BuddyBoss Font Cheatsheet

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

Troubleshooting and FAQs

Q: The icon didn’t change—what should I check?
A: Make sure you copied the correct Unicode value from the BuddyBoss Font Cheatsheet. Also, confirm that your theme is loading the icon font and that no other styles are overriding the rule.

Q: Will this change affect all Message icons across the site?
A: This CSS targets the .messages-wrap icon. If there are multiple message icons with different classes, additional CSS selectors may be needed.