Archived

This topic is now archived and is closed to further replies.

  • 0

Child Page highlight color

Question

Posted · Report post

This problem only happens with pages that have child pages. It is fine with a page that is stand alone. Look at the url with the image, if I have a parent page and I click on it, the highlight color is white so I can not see the content. It should be black highlight, is this a setting some where? Thanks Ruben http://72.26.98.200/wp-content/uploads/2012/08/Menu-color.png

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Ruben, Do you use Firebug or Chrome Inspection Tool? You'd find this:

	.main-nav li a:hover, .main-nav .current-menu-ancestor .current_page_item a, .main-nav li.current-menu-ancestor ul a:hover {
	    background: none repeat scroll 0 0 #E7E9EC;
	}
Try replacing it with the following in Custom Code > CSS Rules:
	.main-nav li a:hover, .main-nav .current-menu-ancestor .current_page_item a, .main-nav li.current-menu-ancestor ul a:hover {
	    background: none repeat scroll 0 0 #000000;
	}
	.main-nav .current-menu-ancestor a, .main-nav li.current-menu-ancestor ul a, .main-nav li.current_page_item a, .main-nav li.current-menu-item a, .main-nav li.current_page_parent a, .sf-menu li li, .sf-menu li li li {
	    background: none repeat scroll 0 0 #000000;
	}

Share this post


Link to post
Share on other sites

Posted · Report post

That did it; thanks. I use firebug, but didnt check thinking it was a settings issue..

Share this post


Link to post
Share on other sites

Posted · Report post

Glad it worked. Please click Accept if the solution is satisfactory.

Share this post


Link to post
Share on other sites