/*Reverse sticky header*/
  1. Home
  2. Knowledge Base
  3. Customizations
  4. CSS
  5. How to Change the Bell Icon to a Check Icon for Subscribed Groups

How to Change the Bell Icon to a Check Icon for Subscribed Groups

Introduction

Replacing the bell icon with a check icon for subscribed groups can help visually distinguish followed or active groups more clearly. While the BuddyBoss Theme doesn’t provide a built-in option for this, you can use a simple CSS snippet to override the icon.

Custom Workaround

To replace the bell icon with a check icon:

  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:

/* Change bell icon to check icon */

i.bb-icon-l.bb-icon-bell::before {

  content: "\2713"; /* Unicode for check icon */

  font-family: "Font Awesome"; /* Make sure Font Awesome is loaded */

}
  1. Click Save Changes.

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

Troubleshooting and FAQs

Q: The icon didn’t change—what should I check?
A: Ensure that Font Awesome is loaded on your site. Also, confirm the selector matches the bell icon used in your group display.

Q: Can I use a different check icon or style?
A: Yes. You can replace the code value with another one. You can check the codes here: https://www.buddyboss.com/resources/font-cheatsheet/

Was this article helpful?

Related Articles

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*
Profile photo of
Not recently active