Удалить подчеркивание для текущей страницы в меню (тема Twenty Twenty) - PullRequest
Новая
       9

Удалить подчеркивание для текущей страницы в меню (тема Twenty Twenty)

0 голосов
/ 27 января 2020

Я только что сменил тему WP на Twenty Twenty. У меня есть одно главное меню на моем веб-сайте вверху, у меня просто 2 ссылки в этом меню. И если я нахожусь на одной из страниц меню, она подчеркивает эту ссылку. Я хотел бы удалить эту функцию.

Ссылка на сайт: http://eclairblock.com

Сначала я попытался добавить эту дополнительную CSS: 

> .primary-menu-wrapper .primary-menu .current-menu-item {text-decoration: none;}

Но это ничего не меняет. Если вместо text-decoration: none

добавить, например, display: none, то ссылка на текущую страницу в меню исчезнет.

Я также попытался добавить !important но это не работает, так как текущая страница все еще подчеркнута в меню.

Наконец, я попытался изменить файл style-rtf. css, удалив .primary-menu .current_page_ancestor из этой части: 

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
    text-decoration: underline;
}

Что еще я могу попробовать?

Спасибо вам, ребята (и извините за то, что вы css noob)

1 Ответ

1 голос
/ 27 января 2020

Ваше правило переопределяется существующим правилом, которое более конкретно c. Пожалуйста, попробуйте: 

.primary-menu li.current-menu-item > a {
    text-decoration: none;
}

Вот руководство о CSS специфичности: https://www.w3schools.com/css/css_specificity.asp

...