Рил ток

Подсвечивание родительского элемента меню WordPress с помощью CSS

При переходе на вложенную страницу в выпадающем меню не выделяется родительская. Это очень частая ошибка тех, кто делает шаблоны для WordPress. Сейчас исправим это.

Сначала вам нужно найти CSS стиль выделенной кнопки меню и скопировать его. Для этого в Google Chrome можно перейти на любую страницу, чтобы появился выделенный пункт меню, нажать на него правой кнопкой и выбрать «Посмотреть код».

Появится окно с элементами CSS, в котором нужно найти цвета вашего пункта меню.

Это цвета моего меню, у вас будут свои.

Копируем эти три строчки (те, что с галочками).

Теперь надо присвоить этот стиль родительскому элементу меню с классом «.current-menu-parent».

Для этого заходим в Консоль > Внешний Вид > Редактировать CSS

Слева появится поле редактора CSS (оно может быть пустым). Вписываем туда этот код:

.current-menu-ancestor a {

} 

И вставляем между скобками скопированный стиль, как показано это у меня.

.current-menu-ancestor a {
    background: #grey;
    border-radius: 3px;
    color: #black;
} 

Готово.

About ILLYA 2.0

Есть что добавить? Нашли ошибку? Возможно, у вас есть, что рассказать? Напишите мне ЛС. Любая полезная активность приветствуется.

WebSite Facebook Instagram YouTube