php - 如何使顶部导航中的单个链接在 wordpress 中具有不同的背景颜色？

Question

我试图在具有不同背景颜色但遇到一些问题的 WordPress 顶部导航菜单中创建单个链接。

我的大部分页面都有效，但其他页面无效(如下所示)。我为 WordPress 菜单构建器中的单个菜单项分配了一个 CSS 类 (.contact-us-menu)，但我似乎可以弄清楚如何让它在所有页面上工作。

错了。 ( https://www.csolsinc.com/insights/ )

正确。 ( https://www.csolsinc.com/insights/webinars/ )

这是我使用“Wordpress 添加自定义 CSS”插件添加的自定义 CSS。

li.contact-us-menu {
background-color:#f47e00!important;
height:50px!important;
border-radius:50px!important;
padding-right:15px;
color:#ffffff!important;
font-weight:bold!important;
vertical-align:middle;
}

li.contact-us-menu a {
color:#ffffff!important;
}

有什么建议吗？

Answer 1

我查看了您的两个网站页面以寻找差异，我看到这一行影响了“错误”链接:

#top-menu .menu-item .dropdown-toggle {
    position: relative;
    top: 11px !important;

为了解决问题，我会将顶部更改为 -1px，就像您的“正确”一样 或尝试添加:

li.contact-us-menu {
line-height: 50px;
}

到您的 CSS。