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:
- In your WordPress Dashboard, go to BuddyBoss > Theme Options.
- 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 */
}
- Click Save Changes.
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/