Active Page different color in Menu

seangeno · July 2018

Hey there,

I am having troubles finding the CSS to control the active page in the menu.

This is the code I am using:

#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a {

color: #FFF !important;

}

I also tried:

#Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.current-menu-parent > a, #Top_bar .menu > li.current-page-parent > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current-page-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a {

color:#fff !important;

}

Neither seemed to work.

Here is direct URL: http://fraser.laukkonen.com/facilities/

Using Custom Skin.

Any help you can give would be greatly appreciated.

Thanks,

Sean

Pablo · July 2018

Hi,

There is a plugin making trouble, it shows error in console.

Please disable all the plugins first.

Thanks.

Active Page different color in Menu

Comments