Intereting Posts
Как включить плагин JQuery UI в wordpress и правильно вставить его в виде плагина? Пользовательское действие инициализации плагина, вызывающее общую медлительность Как запросить таблицу wp_postmeta для любого конкретного meta_value? Можно ли настроить категорию Subseption? Создание тегов ogp в теме Отобразить мета-окно на передней панели как использовать php-запрос в AJAX jquery TinyMCE делает насилие относительно относительных путей в коде Как захватить первые два вложения изображения из сообщения? Как добавить ссылку на налоговый термин на странице редактирования администратора? удалить admin bar новое сообщение / link / media sub menu Как я могу сделать свои «неудачные запросы» в диаграммах и анализе Application Insights? отключить постоянную ссылку на пользовательский тип сообщения Добавить ссылку «Подписаться на блог» рядом с комментариями Шаблон страницы регистрации WordPress

Создание пользовательского меню Значок боковой панели отображается как текущий в css

В пользовательском меню WP я назначил классы, которые отличаются для каждого пункта меню. Например

.power-icon a { padding-left: 35px !important; background-image: url(/images/icon-grey.png); background-position: 5% 50% ; background-repeat: no-repeat; } .power-icon a:hover { padding-left: 35px !important; background-image: url(/images/icon-blue.png); background-position: 5% 50% ; background-repeat: no-repeat; } 

Это прекрасно работает, однако, я хочу, чтобы синий значок также отображался, когда страница активна / текущая.

Я обнаружил, что это

  .widget_nav_menu .menu .current-menu-item { background-color: #f3f3f3; } 

выделит текущий фон элемента. Но мои попытки объединить его с классом значков провалились. Цените любую помощь по этому поводу. Благодарю.

Это действительно не WordPress, но здесь.

На самом деле все, что вам не хватает, это применить синее фоновое изображение на .current-menu-item a .

 /* Default state base */ .widget_nav_menu .menu li a{ padding-left: 35px !important; background-position: 5% 50%; background-repeat: no-repeat; } /* Active state base */ .widget_nav_menu .menu .current-menu-item a, .widget_nav_menu .menu .current-menu-item a, .widget_nav_menu .menu .current-menu-parent a, .widget_nav_menu .menu .current-menu-ancestor a { background-color: #f3f3f3; } /* Power */ .power-icon a { background-image: url( /images/icon-grey.png ); } /* Power active + hover */ .power-icon a:hover, .power-icon.current-menu-item a, .power-icon.current-menu-parent a, .power-icon.current-menu-ancestor a { background-image: url( /images/icon-blue.png ); }