Menu color of child pages

Hi there,

I'm having an issue where the color of child pages in my menu are taking on the styled color of the selected parent page in the menu.

Am I able to change this so that only the selected page's color is changed in my menu without the child pages also changing?

Thanks.

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.current_page_item a {
color: red !important;
}

Thanks,
Praveen

 

Hi there

Sorry, I don't think I explained the issue very well.

What I want is the menu background color of a current parent page to change, without the child pages background color also changing in the navigation menu.

I've included a screenshot to try and describe what I mean bit better, and I've also added the URL of the site below:

http://elimfamilychurch-eastbourne.org.uk/

Thank you for your assistance.

 

Hi,

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

li.current_page_item a:hover {
background: #CED719 !important;
}
ul.sub-menu li a {
background: #44a5ef !important;
}
ul.sub-menu li a:hover {
background: #44a5ef !important;
}

Thanks,
Praveen

 

Thank you!