edpitts
Member
Posted 4 months ago #
I would like to be able to change the menu colors in the Elbee Elgee child theme. I an not up to date on CSS. Although I have tinkered some over the years.
The problem is this:
I am using Buddypress and the Buddypress menu has a black background and blue foreground when un-selected. Makes very hard to read.
Here is my test site: http://pinemountaincarvers.org/testwp/
That's a very important point.
To resolve this, you could add this to the bottom of your Child Theme's style.css file;
#menu-elbee-child-buddypress-menu a:link,
#menu-elbee-child-buddypress-menu a:visited {
color: white;
}
#menu-elbee-child-buddypress-menu a:hover {
background: black;
}
Play about with those colours to suit you.
edpitts
Member
Posted 4 months ago #
Andrew, that was FAST and accurate!
I just copied your example and pasted in the bottom of the child style CSS and it changed the blue foreground to white which is acceptable.
I may do as you suggest and play around with the colors to see which is most pleasing to the eye. Black seem a little harsh.
Thank you very much, I spent several hours searching for an example of this.
And Thank you Edpitts for taking the time to share your issue on these forums. From this thread, you've created a tutorial for others in similar situations.