[Theme: Evolve] Darken Background Hover Effect

  • Hey,

    I want to change the navigation menu so that all items are automatically bold, and the background of the menu items is changed to a darker shade of green on hover. I know how to bold the menu items, but I don’t know how to darken the background.

    Website: https://www.treenook.com

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Sam

    (@soumendra)

    Hello,

    You can try this in your Custom CSS for achieving that:

    .primary-menu li a:hover {
    background-color: #045904 !important;
}

    Thank you.

    Thread Starter boldlygo

    (@boldlygo)

    Hello Sam,

    Thanks. It mostly worked. But for some reason the two menu items on the right (the ones without a drop down menu) do not display text when I hover over them if the darkened menu is turned on.

    Thread Starter boldlygo

    (@boldlygo)

    I tried this, but it didn’t fix the problem:

    .primary-menu li a:hover {
    background-color: #045904 !important;
  color: white #ffffff !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Evolve] Darken Background Hover Effect’ is closed to new replies.