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

CSS

Posted by Brandon Brigham
Brandon Brigham
3,716 Points

Trying to change color of hover menu items

Hello,

If you visit my site I'm working on:

http://thechasedesign.com/stocksandblondes

You will see the menu up in the header. Its hover color is a bright yellow. I need it to be this color:

e6c74a

I've changed everything in theme options to dictate this but nothing changes -

Thanks for your help!

1 Answer

Franciscus Agnew
Franciscus Agnew
24,015 Points

Hello Brandon,

Cool site! Try changing your CSS code in your style_dynamic.css on line #454 to this:

nav.main_menu > ul > li:hover > a,
header.sticky nav.main_menu > ul > li:hover > a {
    background-color: #e6c74a;
}

That should be a quick fix, but I think your code could use a great deal of streamlining to make your file sizes much smaller and your website run more efficiently.

Please let myself and other users know if this solution helped by clicking on the number roll-out alongside this post.

Good Luck,

Franciscus

Brandon Brigham
Brandon Brigham
3,716 Points

Franciscus!

You're the man!! Thank you!