Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2024 at 9:35 pm #1471705
    bellwetherroofing

    Howdy, Is there a way to change the individual background colors of the menu item on hover? For example I would like the backgorund box of About – red, Work – yellow, Services – green, and Contact – Blue

    November 20, 2024 at 10:47 am #1471730
    Rikard

    Hey bellwetherroofing,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top #header .av-main-nav > li#menu-item-54:hover > a {
  background-color: red;
}

#top #header .av-main-nav > li#menu-item-57:hover > a {
  background-color: yellow;
}

#top #header .av-main-nav > li#menu-item-55:hover > a {
  background-color: green;
}

#top #header .av-main-nav > li#menu-item-58:hover > a {
  background-color: green;
}

    Best regards,
    Rikard

    November 20, 2024 at 7:46 pm #1471793
    bellwetherroofing

    Thanks Keymaster.

    November 21, 2024 at 12:55 pm #1471837
    Rikard

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu Item background colors different depending on item’ is closed to new replies.