Как изменить текст при наведении и цвет фона меню заголовка?
Я не очень хорошо разбираюсь в CSS.
Будет полезно, если вы предоставите код и укажете, куда его вставить. Спасибо!
Привет @rickwatson, вот код, который поможет вам. Вам нужно будет обновить значения color и background-color, чтобы они соответствовали желаемому внешнему виду. Размещение этих стилей во вкладке common.css должно сработать.
Цвет фона меню заголовка:
.b-header {
background-color: var(--tertiary);
}
Ссылки
.b-header .nav-pills>li>a {
color: var(--secondary);
}
Ссылки (при наведении)
.b-header .nav-pills>li>a:hover {
color: #001aff;
background-color: red;
}
Что касается значений, которые можно указывать для свойств color и background-color, дополнительную информацию см. здесь. Вы можете использовать шестнадцатеричные коды цветов, значения rgba, hsa и т. д.
Однако рекомендуется по возможности использовать существующие CSS-переменные, чтобы поддерживать такие функции, как темная тема.
Вы можете узнать, какие переменные существуют на вашем сайте и каким цветам они соответствуют, проверив инструменты разработчика в вашем браузере (
как получить доступ).
После открытия проверьте вкладку Styles для объявлений в color_definitions.scss на селекторе :root.
