Customise the menu

Hi,

I want to chance the top menu to remove the bubble/pill on mouseover and just to have the text change colour to red (from black). Is there a simple bit of code you could supply to add into the custom css before I go digging around in the style.css file?

Kind regards
Jamie

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li.current-menu-item, #menu .ddsmoothmenu li.current_page_item, #menu .ddsmoothmenu li.current-menu-parent, #menu .ddsmoothmenu li.current_page_parent, #menu .ddsmoothmenu li:hover, #menu li a{
background:none!important;
-webkit-box-shadow:none;
}
#menu li.current-menu-item a, #menu .ddsmoothmenu li.current_page_item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover{
color:red!important;
}