Override transparant header button a:hover colors

Hello,

I’m using the followign CSS to create a featured button in the menu:

#menu-item-168 a {
    border-radius: 5px;

#menu-item-168 a span {
    color:#ffffff;
background-color:#ff9900;
border: 2px solid #ff9900 !important;
}
#menu-item-168 a span:hover {
    color:#ff9900;
background-color:#ffffff;
border: 2px solid #ff9900 !important;
}

The result:

I’m using a transparent header, which causes an issue (see above).

When it’s transparent the hover over makes the button unreadable. How would I create a featured button on just the transparent menu?

thanks

• This topic was modified 6 years, 11 months ago by webstuff81.