Wordpress 菜单样式 - 在当前页面上禁用“活动”答案

【问题标题】：Wordpress Menu Styling - disable "active" on the current pageWordpress 菜单样式 - 在当前页面上禁用“活动”
【发布时间】：2016-01-06 10:53:17
【问题描述】：

我需要禁用 Wordpress 菜单中的代码。该网站是http://bekim.sk 目前有一个名为Domov（主页）的活动菜单项。

如何禁用active css 类？我试图在主题 CSS 文件中查找它，但找不到确切的代码。有什么建议？

【问题讨论】：

标签： html css wordpress menu

【解决方案1】：

您要查找的文件在这里： /wp-content/uploads/link/lmm/lmm_locations.css 然后，第 69 行，你有代码

#lmm.all .navmenu-nav > li > a:hover,
#lmm.all .lmm-navbar-nav > li > a:hover,
#lmm.all .navmenu-nav > li > a:focus,
#lmm.all .lmm-navbar-nav > li > a:focus,
#lmm.all .navmenu-nav > .open > a,
#lmm.all .lmm-navbar-nav > .open > a,
#lmm.all .navmenu-nav > .active > a,
#lmm.all .lmm-navbar-nav > .active > a {
  /* fallback */
  background-color: #404040;
}

在此处修改颜色。或者只从那里分离出你需要的代码并修改它。

【讨论】：

这不能修复color，只能修复background-color。该主题使用 2 个不同的规则来更改背景和文本颜色

【解决方案2】：

您可以直接覆盖 css，这样当 nav 链接的父级具有 .active 类时，它们就不会重新设置样式。

为此，您需要覆盖适用于 color 和 background-color 的样式规则。

这条规则似乎正在影响color：

#lmm.all .lmm-navbar-nav > .active > a > .lmm-item-content

这条规则正在影响background-color：

#lmm.all .lmm-navbar-nav > .active > a

所以覆盖看起来像这样：

#lmm.all .lmm-navbar-nav > .active > a > .lmm-item-content {
    color: #6B6B6B; /*  original link colors */
}

#lmm.all .lmm-navbar-nav > .active > a {
    background-color: #F2F2F2 /* header bg color */
}

如果您愿意，您还可以通过在上述覆盖中使用您自己的规则来自定义 .active 的显示方式。确保这些规则出现在您的主 CSS 文档之后。

【讨论】：