a) wp-content/themes/your-theme/style.CSS
b) Try adding this
body` {
color: #000;
}`
That will change all of your site’s text to black.
body {
color: #000;
}
that last post didn’t accept the code tags very well.
Hi Henry,
thanks for your response – I made that change but it has no effect. Not sure why but it hasn’t.
I’ve read several other posts about this and nobody seems to know. Most responses simply recommend adding a child theme, which while good advice doesn’t really address the problem. I’m surprised very few BP experts seem to know (or are willing to share) the answer to this very simple problem. In my case, the only way to make all my text readable is to make the background black, but that doesn’t fit with my website. Very frustrating!
Chris
Try
body {
color: #000 !important;
}
BP experts seem to know (or are willing to share) the answer
Firstly it isn’t really something that requires BP expertise nor is it some secret people are trying to hide from you.
CSS is coding and requires some degree of understanding if you wish to start modifying code to some degree you’ll have to leave behind that notion of being a non expert 🙂
There is no general bit of code that can be provided to suit all users in this request, the start point for stating a general font color is the body tag as this is a inherited property however then that color can be overridden with other values further on down into the cascade so if it didn’t work on the body tag likely it is being stated somewhere else and as there is no particular set notion as to where as this is a stylesheet authors decision it’s hard to give anything other generic approaches. Using a tool such as firebug in FireFox you may be able to examine the elements that have styled text and see where they inherit things like color properties from in the stylesheet and then adjust accordingly.
@henrywright approach adding !important might work however it’s not a good practise (sorry Henry 🙂 )
The reason people are always advised to use child themes is that this way you can make changes and be assured they won’t get overwritten in updates, now in your case looking at your custom theme with very bold coloured backgrounds the rules in the buddypress.css stylesheet that set activity meta to grey would need changing but to do this you would want to copy over that stylesheet or in your themes styles write very specific rulesets to override the BP ones.
The process for copying over BP files is described here:
Theme Compatibility & Template Files
@hnla i should really be more thoughtful when and where i use !important – you’re right, perhaps it’s being lazy to use it in this case.
As an author technically you/we shouldn’t use it at all not that it’s prohibeted from use in author styles but just that in the environment of WP plugins & themes it’s a poor practise; in general author styles it should be severely limited if used at all though!
Thanks both for your responses. I will try !important and endeavour to develop my coding skills!
OK, I’ve managed to change all of my text. For those that need to solve the same problem I did, you have to go to Plugins -> Buddypress -> bp-template -> legacy and then find the main css file. Oh and as per Hugo’s advice, Firebug is worth its weight in gold for finding the relevant div id! In my case, most of the text that needed changing was grey which was codes #555 and #aaa. It is worth opening up Find to locate all occurrences.
@houndlounge great to see you managed to find a solution but, just be aware with that particular solution, if you upgrade BuddyPress your changes will be lost
