Viewing 3 posts - 1 through 3 (of 3 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.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.