时间戳

首页 > 解决方案 > 如何在 wordpress 中使顶部导航中的单个链接具有不同的背景颜色？

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

问题描述

我正在尝试在具有不同背景颜色但遇到一些问题的 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;
}

有什么建议吗？

标签： phphtmlcsswordpresswordpress-theming

解决方案

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

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

对于修复，我会将顶部更改为您的“正确”中的 -1px 或尝试添加：

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

到你的 CSS。

推荐阅读