Menu Font Lighter Color When Hovering

  • How can I make my menu’s font a lighter color only when I hover my mouse over the text?
    I used this code:
    `#nav-main ul.sf-menu a:hover {
    color: #6a6a6a;
    }
    But now the drop-down is the lighter color until I mouse over it.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • hannah

    (@hannahritner)

    Hey,
    So is it the color of the dropdown menu that you’re wanting to change? If so you can use this css:

    #nav-main ul.sf-menu ul li a {
    color: #333;
}

    Let me know if that’s not what you’re after…

    Best,
    Hannah

    Thread Starter Tessila

    (@tessila)

    That didn’t do anything different.

    Hey there @tessila ,
    Are you able to provide your store URL so I can take a look and provide the solution here? Thanks
    If helpful then please Like and Accept Solution
    Want to hire me for only $20/hour (Or get a fixed quote)?
    Contact Me email me at [email protected]
    Hire me for 1) Theme coding 2) PSD to wordpress 3) Store optimization 4) SEO 5) Store setup 6) and more!

    hannah

    (@hannahritner)

    Hi @tessila,
    Sorry for the delay! I’m not seeing the css in your code. Where are you adding it? Have you cleared your cache?

    Hannah

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu Font Lighter Color When Hovering’ is closed to new replies.