/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to change the notification bell icon on the header

How to change the notification 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 the WordPress Dashboard

2. Navigate to Appearance → CustomizeAdditional CSS

3. Append the following:

i.bb-icon-l.bb-icon-bell:before {
    content: '\ef30';
}

You may replace “\ef30” to your preferred icon code from our Font Cheatsheet page.

4. Click Publish to save changes 

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


Screenshots

Without code:

With code:

Was this article helpful?

Related Articles

Contents

Need Support?

Can't find the answer you're looking for?
Support

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

"*" indicates required fields

Get Started

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

Name*