Support » Themes and Templates » [Resolved] Change the fading color on menu hover

[Resolved] Change the fading color on menu hover

  • The fading color on the menu after the mouse has left the hover position of MH Magazine Lite, its pinkish. I cant seem to find the code to change it through chrome debug and I failed to guess what it might be.

    Ive changed the color when hovering, but its this color that lingers after a hover.

    Can someone help please?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author MH Themes


    Hi natekj,

    sorry – unfortunately it’s not very clear what exactly you mean. Can you please provide your URL and an example where I can see your issue.


    as you go across the menu hovering with the cursor, i have changed the background on hover, but the pinkish color fades as i scroll accross. i want to be able to change that fading color

    Moderator stephencottontail


    Get a custom CSS plugin or use your theme’s built-in custom CSS option and put this:

    .main-nav li:hover {
        color: #FFFFFF;

    Replace #FFFFFF with whatever color you’d like it to be. Here’s a site with a color picker that you can use to get the right code for the color you’d like to use.

    Edit – Thanks for the reply 🙂 Was writting same time :p

    nevermind, i found how to do it.
    .main-nav li: hover

    I was using

    .main-nav .current-menu-item .sub-menu a:hover,
    .main-nav ul li.current-menu-item a,
    .main-nav ul li a:hover,
    .main-nav ul li ul li a:hover {
    background-color: #FF9933 !important;
    color: #2a2a2a !important;

    Not sure if I need all those to do what im doing but it seems to be working.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Change the fading color on menu hover’ is closed to new replies.