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 */

}

3. 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/