Introduction
BuddyBoss does not provide a built-in option to change the username hover color in the Profile dropdown. However, you can easily customize both the default and hover states by adding a small CSS snippet through Theme Options. This guide shows you how to update the Username Hover Color without affecting other header elements.
Custom Workaround
- In your WordPress admin, go to BuddyBoss > Theme Options.
- Under Custom Codes, toggle Enable CSS to On.
- Paste the following CSS:
/* Change hover color */
.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name:hover {
color: red;
}
/* Change default text color */
.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name {
color: blue;
}- Click Save Changes.
Note: Any custom code is considered “custom work.” Please review our Support Policy for more information.
Troubleshooting and FAQs
Q: The hover color or text color didn’t change, what should I check?
A:
- Clear your site cache, caching plugin, or CDN cache.
- Ensure the CSS was pasted exactly as shown.
- Confirm that Enable CSS was turned on before saving.
Q: Can I use different colors?
A: Yes. Replace red and blue with any valid CSS color value, such as hex codes, RGB, or named colors:
color: #1a73e8;
Q: Will this affect other text in the header?
A: No. This CSS specifically targets the username text in the Profile dropdown.
Q: Who can I contact for further assistance?
A: Submit a support ticket through your BuddyBoss account dashboard for personalized help.
