Introduction
BuddyBoss does not provide a built-in option to customize the text and hover colors of the Create Account, Forgot Password, and Terms of Service links on the login and registration screens. You can easily change these link colors by adding a simple CSS snippet through Theme Options. This guide shows you step-by-step how to update the Login and Registration Link Colors without affecting other parts of your site.
Custom Workaround
- In your WordPress admin, go to BuddyBoss > Theme Options.
- Under Custom Codes, toggle Enable CSS to On.
- Paste the following CSS:
/* Forgot password link */
.login a.privacy-policy-link,
.login form .lostmenot a,
form#lostpasswordform a.bs-sign-in {
color: red;
}
/* Forgot password link on hover */
.login a.privacy-policy-link:hover,
.login form .lostmenot a:focus,
.login form .lostmenot a:hover,
form#lostpasswordform a.bs-sign-in:hover {
color: black;
}
/* Create account (sign-up) link */
body.login .login-heading a {
color: red;
}
/* Create account link on hover */
body.login .login-heading a:focus,
body.login .login-heading a:hover {
color: black;
}
/* Terms of Service link */
body.login .privacy-policy-page-link a {
color: red;
}
/* Terms of Service link on hover */
body.login .privacy-policy-page-link a:hover {
color: black;
}- Click Save Changes.
Troubleshooting and FAQs
Q: The link colors didn’t change, what should I check?
A:
- Clear your site cache, caching plugin, or CDN cache.
- Make sure the CSS was pasted exactly as shown, with no missing brackets or semicolons.
- Confirm that Enable CSS was turned on before saving.
Q: Can I use different colors?
A: Yes. Replace red and black with any valid CSS color value, such as hex codes or RGB values:
color: #1e73be;
Q: Will this affect links elsewhere on the site?
A: No. These rules only target links on the login, password reset, and registration-related screens.
Q: Who can I contact for further assistance?
A: Submit a support ticket through your BuddyBoss account dashboard for personalized help.
