Navbar inactivate state color

Less IsoLess Iso Registered Users Posts: 5 Beginner grinner
edited February 3, 2016 in SmugMug Customization
Hello guys,

I'm trying to set a color for the inactivate state of my links onto the navbar but I cannot do it.

Can anyone help me with this please?

Thanks.

Comments

  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited February 1, 2016
    Not sure if this is what you want, but I added this to show a different color when the ACTIVE page is displayed. You can see it here on the bottom: http://gallery.imagesinthebackcountry.com/Smugmug-customization/Customize-Dropdowns

    This is the CSS you'll need:
    /** 
    * Different Color for Active/Hover Sub-menus
    ***************************************************/	
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink.sm-page-widget-nav-activepage > a,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-toplink.sm-page-widget-nav-hasactivepage > a,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .sm-page-widget-nav-activepage > a,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .yui3-menu-has-children.sm-page-widget-nav-activepage > a,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .yui3-menu-has-children.sm-page-widget-nav-activepage > a.yui3-menu-label::after,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .yui3-menu-has-children.sm-page-widget-nav-hasactivepage > a,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .yui3-menu-has-children.sm-page-widget-nav-hasactivepage > a.yui3-menu-label::after,
    .sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-popover.sm-page-widget-nav-horizontal .yui3-menu-item .sm-page-widget-nav-activepage > a {
    	color: green;
    	}	
    
  • ArmadilloArmadillo Registered Users Posts: 31 Big grins
    edited February 3, 2016
    Just changing the nav bar link text color?
    Try this-
    .sm-page-widget-nav-toplink >a {color: white !important;}
    .sm-page-widget-nav-activepage > a {color: lime !important;}
    
Sign In or Register to comment.