Features

Pricing

Integrations

Featured

Solutions

Featured Customer Story

“BuddyBoss helped us build a thriving community of 10,000+ members with courses and social learning.”

— Sarah M., Online Academy

Read Case Study

Menu

  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. Customer wish to change Message and Bell icon on the header

Customer wish to change Message and Bell icon on the header

By default, the platform does not have this option. You can use the following CSS code.

Please follow the steps below:

1. Go to Wordpress Admin > Appearance – Customize – Additional CSS

2. Append the following:

.bb-icon-inbox:before {
content: 'ee62';
}

.bb-icon-bell:before {
content: 'edc7';
}

4. Save/Publish changes.

This CSS code WILL NOT work if you add to Buddyboss – Theme Option – Custom CSS. Please note that you need to change Unicode for the icon you wish to change. You may check icon Unicode here: https://buddyboss.com/resources/font-cheatsheet/

Note: Any modifications are considered as custom work already. Know more about our Support policy here: https://buddyboss.com/support-policy/


Screenshots

Without code

With code

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 for validation purposes and should be left unchanged.
This field is hidden when viewing the form