DropDown Menu Colors - Free Theme

Hello, I am trying to change my dropdown menu colors as follows:

menu buttons: blue
menu background: white
menu hover background: white
selected menu item: blue

Also - I don't want the >> symbol next to the menu items. How can I remove it?

 

Hello,

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

Code:

 #menu li a{
color:blue;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a{
color:blue;
background:red;
}
#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, #menu li.current_page_item a{
color:blue;
}

Thanks & Regards
Gourav Shrivastava

 

The code you have provided is not working. I have sent you an email with more details.

Thank you.

 

After reading through many of the posts on the Colorway forum, I have figured out the problem. The menu on the free version is called sf-menu. This is the code to change the colors:

Code:

#menu .sf-menu li li {
background-color: BLUE;
}
#menu .sf-menu li li a.selected, #menu .sf-menu li li a:hover {
color: RED !important;
background: BLUE;
}

 

My only remaining issue now is that there is a small space between the main menu items and the dropdown menu items. How do I remove this space and make the dropdown menu color connect from the top menu items to the dropdown menu items with no blank space in-between?

Thank you.

 

Hello,

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

Code:

 #menu .sf-menu li > ul {
margin-top: -24px;
}

Adjust its value as per your requirements.

Thanks & Regards
Gourav Shrivastava