Different background highlight color for custom menu items

  • Hello-

    Is there a way to have each item in a custom menu be highlighted with a different background color when hovered over?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • mikehas

    (@michaelhastrich)

    Easiest is to get the page-item-“number” class and add these to your style.ccs with their backgroundcolors, so for example:

    li.page-item-2 a:hover {
background-color: #ff6600;
}

    Hope this helps

    Thread Starter hostours

    (@hostours)

    Thanks for the response-

    To clarify, do I need to to create new classes or should these already be existing and it’s just a matter of inserting the corresponding “li.page-item-*” code?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different background highlight color for custom menu items’ is closed to new replies.