Change Navbar Hover Color

Depending on your SmugMug theme selection, the navbar may change color or it may not. If you would like to add a hover color anytime a viewer mouses over your links, or if you would like to change the color to your choose, using the following code: Add the following CSS to your theme's Advanced CSS settings:

/* Turn the navbar text a different color when the mouse hovers over it */
.sm-user-ui .sm-page-widget-nav-toplink a:hover {
  color: #FFFFFF !important;
}
Change the color to the color of your choosing.

Comments

  • hakonandersson

    on February 25, 2014

    Hi Aaron - thanks so much for the response on my site.. Apologies for not leaving a return address :)

    Many thanks for the response. For others with the same question - http://www.aaronmphotography.com/Customizations/Fonts-Links/Fading-Links

    Your customization site is like a candy shop - haven't sampled everything just yet :) Cheers.

  • hakonandersson

    on February 24, 2014

    Hi Aaron. Firstly, much thanks for your hard work compiling these tweaks!

    In respect to this one - it appears your menu items fade in and out of the hover color (in your case, #FFFFFF). Applying the code above does work, however it seems to just make an immediate switch to the hover color and back.

    Any tips on how you've engaged that nice fade in and out? Cheers.
    Hakon.

Powered by SmugMug Owner Log In