如何在WordPress中使顶部导航中的单个链接具有不同的背景色（） _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; }

有什么建议吗？
#1 我浏览了你的两个网站页面以查找差异, 并且看到这行影响” 错误” 链接：

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

要解决此问题, 请使用你的” 我” 将顶部更改为-1px, 或者尝试添加：

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

给你的CSS。
#2 我正在尝试在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; }

有什么建议吗？
#3 【如何在WordPress中使顶部导航中的单个链接具有不同的背景色（）】我浏览了你的两个网站页面以查找差异, 并且看到这行影响” 错误” 链接：