Hi I have a Wordpress site where the main menu has a mouseover box transition (fade-in/fade-out) attached via CSS to the links. The colour of the links is all #5A768C but I want to make each box above each link a different colour. This is the code:
Code:
.sf-menu > li > a b { position:absolute; left:0; right:0; top:-82px; height:61px; background:#5A768C; display:block; opacity:0; transition:all 400ms linear; -o-transition:all 400ms linear; -moz-transition:all 400ms linear; -webkit-transition:all 400ms linear; }
and I have tried this:
Code:
li a #menu-item-39 { position:absolute; left:0; right:0; top:-82px; height:61px; background:#FF0000; display:block; opacity:0; transition:all 400ms linear; -o-transition:all 400ms linear; -moz-transition:all 400ms linear; -webkit-transition:all 400ms linear; }
but either the menu item disappears or nothing changes! Any help much appreciated.