Как я могу сделать одну ссылку в верхней навигации другого цвета фона в WordPress?

Question

Я пытаюсь сделать одну ссылку в верхнем навигационном меню WordPress, которая имеет другой цвет фона, но сталкивается с некоторыми проблемами.

То, что у меня работает, работает на большинстве моих страниц, а другие нет (как видно ниже). Я назначил класс CSS (.contact-us-menu) для отдельного пункта меню в конструкторе меню в WordPress, но я могу понять, как заставить его работать на всех страницах.

Неверно. (https://www.csolsinc.com/insights/)

Правильно. (https://www.csolsinc.com/insights/webinars/)

Это пользовательский CSS, который я добавил с помощью плагина "Wordpress Add Custom 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.