Change menu hover background colour on Eleven40 theme

Community Forums Forums Design Tips and Tricks Change menu hover background colour on Eleven40 theme

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  bandj 1 year, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #23720

    kejabe
    Participant
    Post count: 7

    Title says it all, I want to put a darker background just on the hovered menu and sub-menu items and I can’t figure out the right css line to change.  Any help appreciated. TIA

    #23725

    bandj
    Participant
    Post count: 149

    .menu li:hover, .menu li.sfHover

    #header .menu li li a:hover

    add your background color, on li li hover it may have a background image. Change that to your color


    #23744

    kejabe
    Participant
    Post count: 7

    Thanks for the pointers bandj.

    I had to strip out all the hover lines from that block and apply the the background just to my new hover block because it added the background colour to all the active menus/sub-menus.

    But thanks to you I have it working just right now.

     

    Kev

    #23748

    bandj
    Participant
    Post count: 149

    hover is different than current-menu-item. You could have different colors for visited, hover, active, and current-menu-item. Active would be when you click.

    you’re welcome


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.