Customise Menu

Hi Guys,

I'd like to reduce the space between the menu items, remove the pink box on mouseover and active links and just have the mouseover and active link be pink.

Is this something you could supply custom CSS for

Kind Regards
Jamie

 

Hello,

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

Code:

#menu .ddsmoothmenu li {
padding-left:0px;
padding-right:0px;
}
#menu .ddsmoothmenu li a:hover{
background:none;
color:pink;
}
 
#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
    color:pink;
    background: none;
}
#menu li.current-menu-item a {
background:none!important;
color:pink;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
  color:pink;
    background: none;
}
 
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
  color:pink;
    background: none;
}