Options

Main Navigation Customization

Greg24Greg24 Registered Users Posts: 1 Beginner grinner
edited June 22, 2015 in SmugMug Customization
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

Comments

  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,238 moderator
    edited June 22, 2015
    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
  • Options
    SmugMugHeroPamelaSmugMugHeroPamela Registered Users Posts: 20 Big grins
    edited June 22, 2015
    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;
    ~Pamela
    SmugMugHero
Sign In or Register to comment.