Options

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

  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,450 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;
	}
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • Options
    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.