Navigation Rollover Color css

[charisarichardson]

Hi. For the life of me I can’t get the navigation roll over color to change in my child theme. I can’t find the id for it. I have the orange style sheet activated and my child theme child sheet. I have even tried coping over the orange style sheet, and changed the images to match the colors I need, but no luck. This is typically a really simple change so I’m not sure why its been such a challenge. Any help you can offer would be much appreciated. Thanks!

Topic

[Jason Bobich]

Hello,

For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme or in the “Custom CSS” option on your theme options page.

.primary_orange #access li a:hover { background: #000; }

Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.

[Author]

Replies