Main Navigation Customization

Greg24

Hi Everyone,

I searched the existing forum threads and couldn't find exactly what I need. I just may have missed the correct code. I'm looking to have my main navigation do the following:

- upon hover, highlight in my accent color but bold (this part is complete) but with an underline
- upon click, stay bold and highlighted

http://www.jmendekphotography.com/

Thanks in advance for your input and I look forward to conversing with everyone.

- Greg

denisegoldberg

Your thread was waiting for approval; I've approved it and moved it to the New SmugMug Customization forum.

This note will pop it to the top of the forum for attention.

--- Denise

SmugMugHeroPamela

Greg24 wrote: »

Hi Everyone,

I searched the existing forum threads and couldn't find exactly what I need. I just may have missed the correct code. I'm looking to have my main navigation do the following:

- upon hover, highlight in my accent color but bold (this part is complete) but with an underline
- upon click, stay bold and highlighted

http://www.jmendekphotography.com/

Thanks in advance for your input and I look forward to conversing with everyone.

- Greg

Hi Greg,

Try these CSS for it, of course change the color to that which you want:

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

/* Make the menu nav bar text for the active page a different color */
.sm-page-widget-nav-activepage > a {
color: #9d1e0b !important;