Line colours on hover
How can I make it so each link/menu has a different colour line at the top/bottom of the menu item.
The default had this but once I deleted those pages and added my own they all have the same colour now
/* Menu */
#Top_bar .menu > li.color-sea > a:after { top: 0; background: #00cdc1; }
#Top_bar .menu > li.color-pink > a:after { top: 0; background: #ed007b; }
#Top_bar .menu > li.color-blue > a:after { top: 0; background: #0086e3; }
#Top_bar .menu > li.color-orange > a:after { top: 0; background: #ffbd1f; }
Any ideas?
Thanks
Comments
as you see above, each line got own css class, like: .color-sea, .color-pink etc. Each menu item must have own class set and then you can control those colors under Custom CSS section with above css.