Nav Drop down sub level color

Fredsou

I used the coding for nav bar to have a transparent Nav bar. I added a level and I would like to change the color... what is the code

Web Site
Gallery 1
SUB

How to manage the back ground color of the sub ???

Sir_Eagle

/*CHANGE SIZE AND COLOR OF MAIN NAV MENU BOXES*/
  .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink {
    border-bottom: 2px solid #005500;
    margin-right: 25px;
  }
 /*CHANGE SIZE AND COLOR OF DROPDOWN MENU BOXES*/
  .yui3-menu-item>.yui3-menu-label, .yui3-menu-item:last-child >a.yui3-menu-label {
    padding: 1px 35px 2px 8px;
    background-color: rgba(45, 25, 27, 1);
    font-size: 16px;
    border: 2px solid #005500;
    border-radius: 8px;
    color: #f0f0f0;

[Deleted User]

The user and all related content has been deleted.

Sir_Eagle

ShutterSpy wrote: »

Sir_Eagle, I checked out your site (very nice work, BTW), and noticed that you were able to do what has eluded me thus far... I can't, for the life of me, figure out how to change the HOVER background box color in my menu. It is a specific solid grey while the rest of menu is translucent.

Would you be so kind as to share your code for controlling the HOVER background box?

Thanks and here's what I ended up with:

/*CHANGE HOVER COLOR FOR TOP NAV MENU*/
  .sm-page-widget-nav-toplink a :hover, 
   .sm-page-widget-nav-toplink a:hover {  
    color: #009900!important;
  }
  /*CHANGE HOVER COLOR FOR DROPDOWN NAV*/
  .sm-user-ui.yui3-menu-vertical a.yui3-menu-label:hover,
  .sm-user-ui .yui3-menu-vertical a.yui3-menu-label:hover,
  .sm-user-ui.yui3-menu-horizontal > .yui3-menu-children > .yui3-menu-item .yui3-menu-item a.yui3-menu-label:hover,
  .sm-user-ui .yui3-menu-horizontal > .yui3-menu-children > .yui3-menu-item .yui3-menu-item a.yui3-menu-label:hover {
    background: rgba(45, 25, 27, 0.9);
    color: #009900;
  }

[Deleted User]

The user and all related content has been deleted.