I would like to style each of my menu items a different color when you hold your mouse over them, but so far, nothing has worked. My latest try is following:
.menu-item-30 a:hover {
color: red !important;
background-color: blue !important;
}
But then it just appears like this:
http://tinypic.com/view.php?pic=szg87m&s=5
The white on each side is the menubar.
The red is the wanted a:hover.
The black is supposed to be transparrent.
How do I make the black go away?
Another question that has been bothering me is how to avoid the submenu. If you for example hold your mouse over a menu item, no submenu will appear, but if you click on the menu item, you'll be redirected to the page and in that page you'll find the submenu as links to other pages.
Hope all of this is understandable.