更改当前页面突出显示颜色答案

【问题标题】：Changing the curent page highlight color更改当前页面突出显示颜色
【发布时间】：2015-05-14 10:22:43
【问题描述】：

我想在当前页面上更改突出显示菜单项。但似乎 css 不在我主题的 style.css 文件中。似乎它在 wordpress css 文件中的某个地方并且找不到它。 http://iulian.cablevision.ro/fc-botosani

因此，例如，当我单击“Stadion”时，我想将浅红色更改为更强烈的红色，就像悬停时一样，但不知道如何做到这一点...我已经删除了所有导航菜单中的 css，它仍然具有当前页面高亮 css 选项

【问题讨论】：

wp-content/themes/rookie/rookie.css 第 247 行

标签： html css wordpress

【解决方案1】：

在你的 rookie.css 中更改此类的 bg 颜色（第 246 行）

CSS

.main-navigation .nav-menu > .current-menu-item > a, .main-navigation .nav-menu > .current-menu-parent > a, .main-navigation .nav-menu > .current-menu-ancestor > a, .main-navigation .nav-menu > .current_page_item > a, .main-navigation .nav-menu > .current_page_parent > a, .main-navigation .nav-menu > .current_page_ancestor > a {
    background-color: #dd3333; // Change color Here
    color: #fff;
}

【讨论】：

哇！那是。非常感谢......
另外值得一提的是，您也可以在另一个 css 文件中覆盖此规则，而不是更改 rookie.css（例如，如果您将自定义文件保存在一个单独的文件中，例如用于维护请求）

【解决方案2】：

将此行添加到您在 wordpress 当前活动主题中的 style.css 中：

.main-navigation .nav-menu > .current-menu-item > a{
    background: #d11919 !important;
}

【讨论】：