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

Sign In or Register to comment.