Platform Pro MainNav Hover/Selected Color

[pmurphy 0]

Hey all, I'm trying to change the color in my MainNav area when you over over the menu item. I want to keep the bg blue and change the color to #777777 when a menu item is selected or hovered over. Any custom CSS I can use to achieve this? Thanks!

[pmurphy 0]

Sorry, the site in question is www.appreciatemedia.com/synctasksoftware

[Kate 3]

Hi Philip, Please try adding this code to your Custom CSS area:

ul.main-nav li a:hover{background:transparent !important;color:#777777 !important;}
	ul.main-nav li.current-menu-item a{background:transparent !important;color:#777777 !important;}

[mauricen 0]

Kate... the second line doesn't seem to do anything...

ul.main-nav li.current-menu-item a{background:transparent !important;color:#777777 !important;}

No matter what color I put there, it does not change anything in the menu

[Danny+ 1,327]

The code below should be what you're looking for.

.main_nav .main-nav li a:hover, .current_page_item a, .current_page_item ul li a:hover, .sf-menu li:hover, .sf-menu li.sfHover {
		color:#777777 !important;
	}

[cshoffmann 0]

FYI. . . If you're not comfortable with css, you can use Simon's plugin to customize the nav colors: http://www.pagelines.com/forum/topic/9618?view=all#post-52471 Go to that topic thread and download the plugin install just like other plugins, then in the Platform Pro>Settings> at the bottom the Nav will be there where you can choose your colors for each part of the menu.