Introduction
The BuddyBoss Platform doesn’t include an option to style the private-message send icon by default. You can easily change its color by injecting a small custom CSS snippet.
Custom Workaround
- In your WordPress admin, go to BuddyBoss > Theme Options.
- Under Custom Codes, enable CSS.
Append the following CSS:
#message-new-submit:before, #message-reply-new-submit:before{
color: #B50000;
}
#message-new-submit, #message-reply-new-submit{
background-color: #000;
}
- Click Save Changes.
Troubleshooting and FAQs
Q: The icon color didn’t change—what should I check?
A: Ensure you enabled Custom Codes > CSS, clear any caching (plugin or CDN), and refresh the page.
Q: I need a different color—can I adjust the snippet?
A: Yes. Replace #B50000 with any valid hex, RGB, or named color.
Q: Will this affect other icons?
A: No. The CSS targets only the private-message send icon on member profiles and footers.
Q: How do I revert the change?
A: Remove the CSS snippet and save changes; the icon will return to its default styling.
