Indexhibit Support

Hello,

I'm trying to grey out my index menu with a opacity command and have it return to 100% opacity when hovered on. I am successful with greying the menu out but the hover seems to only work with the section block that is being hovered on and not the entire index menu. Is there a way to apply the hover to the entire index menu?

The code I added to css is
#index ul{ opacity: 0.30;}
#index ul:hover { opacity: 1;}

site is jayflynn.net

Thanks

Hello!

You're actually very close solving this.
Get rid of the code above and paste

1. #index { 
2. opacity: 0.30; 
3. transition: opacity .25s ease-in-out;
4. -moz-transition: opacity .25s ease-in-out;
5. -webkit-transition: opacity .25s ease-in-out;}
6. #index:hover { opacity: 1;}

I added a fade effect for fun - you can edit it out.

Works perfectly! Thanks.