Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi, Angry.

    Why so angry?

    Try to add this code to your CSS.

    #nav-main ul.sf-menu a:hover {color: #4C5979
    }
    #nav-second ul.sf-menu a:hover {color: #CACACA
    }

    If you don’t know how to to do this I recommend you to install the Simple Custom CSS plugin. After installation, go to Appearance -> Custom CSS, paste the above code and save it.

    If you want any other color you can select that color from here:

    https://www.w3schools.com/tags/ref_colorpicker.asp

    Cheers

    Lawrence

    Oops!

    Only for second menu ??

    #nav-second ul.sf-menu a:hover {color: #CACACA
    }
    Thread Starter Job

    (@angryjob)

    Thanks a lot, I just added it to my advanced settings in theme options, worked great!

    I just picked this nickname because my standard one was already token…

    Thread Starter Job

    (@angryjob)

    I’m starting to understand this now, but imagine I have the second menu, and the sub menu. If i’m hover over that second menu all the text appears white.
    With custom CSS is should be:

    #nav-??? ????? a:hover {color: #000000
    }

    What have I to say at the question marks?

    Thanks a lot!

    Thread Starter Job

    (@angryjob)

    So I went to left click on an submenu item, “inspect element” and find out which style the item did belong.

    My code:

    #nav-second ul.sf-menu ul li a:hover {color: #000000
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Second Menu hover’ is closed to new replies.