In your child theme’s stylesheet, add this:
a {color:red !important;}
If you made a copy of the bp-default stylesheets in your child theme, that rule would be located in /_inc/css/default.css.
What’s all this talk about child themes? Read up here:
https://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/
I was doing some research and wouldn’t just changing these two in the style.css do the trick?
a, h2 a:hover, h3 a:hover {
color: #336699;
text-decoration: none;
}
a:hover {
color: #147;
text-decoration: underline;
}
It didn’t work for me, at least not when I tried it, but I was wondering why modifying that wouldn’t do it?
It ought to. Specificity is almost likely the culprit.
All rulesets are afforded a ‘number’ that represents their ‘Weight’ or specificity; the specificness of that rules properties over another, it’s calculated from the selectors which have various numbers assigned them.
To test try adding in antecedent selectors – ancestors or parents of the selector being styled until you find control, so :
body#bp-default a , body#bp-default #container h2 a:hover
Play around, add further selectors to the mix to increase the weight if necessary, see if that gives you control, then you will know what the issue is
Thanks for the response. I’ve been trying and I still can’t figure this out. I can’t find the color code anywhere in the code and I also tried adding some code and it didn’t work.
I solved it. I forgot that the css for the buddypress default theme is not in the themes folder. It’s in the plugins folder like @r-a-y said.
