Sub-Menu Opacity

[PhilMurray]

Hi

How can i make the Sub-Menu drop down in my child theme semi-transparent

i am using the genesis sample theme and added this to my CSS but doesn't seem to be working in the browser;

.genesis-nav-menu .sub-menu {
left: -9999px;
opacity: 0.4;
-moz-opacity:0.40;
filter: alpha(opacity=40); /* For IE8 and earlier */
position: absolute;
-webkit-transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-ms-transition: opacity .1s ease-in-out;
-o-transition: opacity .1s ease-in-out;
transition: opacity .1s ease-in-out;
width: 200px;
z-index: 99;
background-color: /*#fff*/ #005225 ;
}

.genesis-nav-menu .sub-menu a {
border: 1px solid #383a3f;
border-top: none;
font-size: 13px;
padding: 20px;
position: relative;
width: 200px;
}

thanks

Phil

[Krista]

Do you have a link possibly? I would be happy to take a look for you

[PhilMurray]

hi miija

yes thanks - it's a new site i am building

http://www.fingerprintdigitalmedia.com/corkgc/

cheers

Phil

[Author]

Posts