Как изменить цвет или подчеркивание выделенного текста меню - WordPress - PullRequest
0 голосов
/ 05 августа 2020

Я просмотрел все остальные вопросы по этой c и попробовал весь предоставленный пример кода, но я все еще не могу получить исправление через несколько часов, так что вот я.

Я пытаюсь изменить цвет выбранной страницы меню для навигации по моему сайту. Я использую тему Astra и конструктор страниц Elementor. Я вошел в настройщик WP и сделал свой выбор для цвета ссылки и цвета наведения ссылки, но кажется, что эти изменения вступают в силу только тогда, когда я нахожусь на странице «Магазин» своего меню. Единственная разница, которую я вижу с текстом меню «Магазин», заключается в том, что это настраиваемая ссылка, а не ссылка по умолчанию для начальной темы? Прикрепленные изображения, чтобы показать, о чем я говорю.

Красно-оранжевый цвет, когда выбрано «Дом»

Когда выбран «Магазин», он принимает мое выбранное цвет ссылки из моих глобальных настроек цвета. Это единственный, который, кажется, делает то, что я просил о нем в пользовательском интерфейсе

Остальной текст меню делает то же самое, что и «Home» - это dr aws красно-оранжевый цвет из неизвестного источника, и я не знаю, что это за цветовой код и где его найти.

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

1 Ответ

0 голосов
/ 05 августа 2020

Напишите пользовательское свойство CSS, используйте этот класс CSS для своего меню.

  • Внешний вид - Настроить - Пользовательский CSS (Напишите здесь свой собственный CSS)

  • Внешний вид - Меню - Заголовок / Главное меню В верхней части страницы вы должны открыть меню «Параметры экрана» ... Нажмите на него и включите (отметьте) CSS поле класса.

Теперь щелкните по пунктам меню и укажите класс CSS для каждого пункта меню.

...