Jump to content


Photo

Child Page highlight color


This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 rkazantsev

rkazantsev

    Advanced Member

  • Members
  • PipPipPip
  • 95 posts

Posted 10 August 2012 - 06:58 PM

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/.../Menu-color.png

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 10 August 2012 - 08:07 PM

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;
	}


#3 rkazantsev

rkazantsev

    Advanced Member

  • Members
  • PipPipPip
  • 95 posts

Posted 10 August 2012 - 09:10 PM

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

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 10 August 2012 - 09:35 PM

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