Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Cynthia (Sunni) Freyer
Cynthia (Sunni) Freyer
828 Points

Active color of menu item won't change. [ SOLVED ]

I give up! Can anyone help? I cannot for the life of me get the active, focus, hover color of the menu item to change in my bootstrap wordpress custom theme. Should be simple!

My css style rule (in style.css) is not taking precedent over bootstrap.css. Instead my new style rule immediately follows the bootstrap style but I can't get it to hand over control to my css rule. I have tried a variety of methods but nothing works.

I plunked the relevant code into pastebin:


Note that for my first attempt at changing the color, I simply duplicated the bootstrap css you see at pastebin and changed the background-color but that didn't work either. What you see is my last attempt before throwing my hands up and coming for help..

Hope this all makes sense...

Cynthia (Sunni) Freyer
Cynthia (Sunni) Freyer
828 Points

Thanks to my developer son (creator of streamus.com ..the chrome music player .. ) ..we teamviewed on it and discovered the problem was in the order I was loading css and bootstrap css in my function file. I flipped it so that bootstrap.css loads in the function before css.style and that did the trick. Hope this helps someone else...