如何使导航菜单中的当前页面项目颜色不同。

时间:2014-10-13 06:26:08

标签: css wordpress genesis

我正在尝试将以下开发站点的子页面导航菜单中的当前页面项目设置为不同的颜色。我的意思是当你在这里时,例如,这里的页面“Sample Page”:

http://yamina.squareeyes.com.au/catalogue/sample-page/

我希望子菜单项“Sample Page”的颜色为#b8b041,与a:此子菜单的悬停项目相同。

我应该指出我正在使用Wordpress,Genesis框架工作,子主题和插件“Genesis Subpages as Secondary Menu”。虽然在停用此插件时菜单的行为与我想要的一样,但在激活时却不是这样。

看到第958行适用于悬停我原本期望第959行也可以工作但很明显我是一个黑客......

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a  {
color: #B8B041; }

http://yamina.squareeyes.com.au/wp-content/themes/genesis-sample/style.css

1 个答案:

答案 0 :(得分:2)

您可以使用以下css

.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu .current_page_item a{color: #B8B041;}