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
Arash Emadi
10,002 PointsWhy does my navigation link go white when I navigate away from it? How can I fix this?
Hi everyone.
I've been working on a Persian website which uses a template from YooTheme (Joomla). I've been able to customize this theme completely, but there's one small detail which I cannot find or change. I've tried everything I know but I don't have any clue how this is happening.
If you hover over the menu links (One of the inactive ones) you will see that it turns green, which is what I want and expect. But as soon as you move your cursor up from the menu item, it goes WHITE and it kinda disappears from the navbar. How can I fix this? I want the link to stay GREEN when you hover away from it (INSTEAD of this WHITE color). Thanks for all your help in advance. I've linked the website below.
1 Answer
Jake Simmons-Wright
6,107 Points.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus, .uk-navbar-nav>li.uk-open>a {
background-color: rgba(255,255,255,0.06);
/* color: #fff; */ -- Change to green
outline: none;
position: relative;
z-index: 1;
box-shadow: inset 0 2px 4px rgba(0,0,0,0);
In the above code you have the focus state color set to white. hopefully this helps.