Intereting Posts
реализация моего wp_query с использованием класса $ wpdb как обрабатывать формы на нескольких страницах? Пользовательский wp_query – я получаю сообщение «все», а не конкретную запись в запросе Отображать пользовательский HTML на веб-сайте CSS для созданного меню «Active Selected» не работает, все остальное! внедрение ящиков сообщений со ссылкой на все сообщения Добавление подменю на страницу пользовательского плагина, созданного с помощью функции add_menu_page () Опубликовать в социальных сетях Каков наилучший способ хранения изображений для плагина? Элемент, вводящий видимый CSS на страницу, элемент не редактируемый Проблемы с созданием ссылок на страницы для пользовательского запроса Изотоп с бесконечным свитком Удалить действие внутри класса в родительской теме из дочерней темы Показать одно сообщение на category.php: Неправильное изображение Мой плагин с надписью «Вы уверены, что хотите сделать это» на экране с «Аргументом № 2 не является массивом в load.php»

Создание пользовательского меню Значок боковой панели отображается как текущий в 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 ); }