Suhail_Patel – Im guessing there is a conflict with your theme or one of your plugins. If you deactivate all plugins except for buddypress and buddypress social, does it still not work?
You can manually style the colors using:
social-buttons a {
color: #000000;
}
social-buttons a:hover {
color: #cccccc;
}
Hi,
I tried this already. It still won’t change the colors.
Please try the below:
social-buttons a {
color: #000000 !important;
}
social-buttons a:hover {
color: #cccccc !important;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try not to use “!important
” rules for styling text or anything that effects text. Text styles need to be as lucid as possible to allow people with custom stylesheets to override and change them.
You can usually achieve what you want with CSS specificity instead.
I think what the issue is here is that you’re not specifying a class or ID in the CSS;
.social-buttons a { color: #000; }
.social-buttons a:hover { color: #ccc; }
Or
#social-buttons a { color: #000; }
#social-buttons a:hover { color: #ccc; }
Yip, forgot to mention the dot for the class. Try the first example Andrew mentioned