Menu Colors

vividvisuals · June 15, 2020

Try as I might, I cannot seem to be able to get my menu colors the way I want them.

I want the menu text to be white and to turn blue (see logo) when you hover over. Then I want the sub menu to have a white background with black / dark grey text.

When I change it to look okay one way, it messes up in another.

Any way to fix this manually? Really seems like Smugmug stock customisation options are not cutting it.

Thanks as always for you guys' expert advice.

www.vividvisuals.asia

Hikin' Mike · June 15, 2020

First off, you should be posting custom questions in the 'SmugMug Customization' section, not here.

You need to remove this: .sm-page-widget-nav-popover.sm-page-widget-nav-sublinks-separator .yui3-menu .yui3-menu-label{background-color:#000!important}

Use this:

.sm-user-ui .sm-page-widget-nav-color-accent a,
.sm-user-ui .sm-page-widget-nav-color-accent a:visited,
.sm-user-ui .sm-page-widget-nav-color-accent a:active {color: white;}

.sm-user-ui .sm-page-widget-nav-color-accent a:hover,
.sm-user-ui .sm-page-widget-nav-hover-color-muted a:hover,
.sm-user-ui .sm-page-widget-nav-hover-color-muted .yui3-menu .yui3-menu-label:hover {color: #00adc2;}

.sm-user-ui .sm-page-widget-nav-popover.sm-page-widget-nav-sublinks-separator .yui3-menu .yui3-menu-label {background-color: white;}

.sm-user-ui .sm-page-widget-nav-color-accent li li a,
.sm-user-ui .sm-page-widget-nav-color-accent li li a:visited,
.sm-user-ui .sm-page-widget-nav-color-accent li li a:active {color: gray;}

That should get you close.

vividvisuals · June 16, 2020

Hikin' Mike to the rescue again. Thanks a lot and sorry for posting in the wrong section!

Menu Colors

Comments