Change background menu hover fon each menu item

Hello,
I working on my development environment for my new site and I want to use an specific color (hover) for each menu instance. For example, "Agencia de Social Media" I want to use red background hoover, but "Especialidades Web" I want to use brown background on hover. I've found some topics on your knoledgebase but I'm not be able to get this special feature.

gvk.JPG

Hi.
Top of the day: you have to create as many hover's styles as many you have menu items.
For example for menu item with ID 103

Code: Select all

#gkMainMenu .gkMenu > ul > li > a#menu103:hover { background:red;  }

Hello Pawel,
Thanks for quick response. I can get now partially effect I want , because chilcontent of my menu item doesn't change background color, I try some code but I cannot get it.

Can you help me ?
thanks,
David .

For submenu items (childmenu) after mouse over - hover

Code: Select all

#gkMainMenu .gkMenu > ul li div.childcontent a#menu105:hover {  background:blue;  }

each menu item have it's own ID also.

But If you want to add for all

Code: Select all

#gkMainMenu .gkMenu > ul li div.childcontent a:hover  {  background:yellow;  }