Как изменить цвет фона пункта подменю при наведении курсора?
Например, необходимо изменить цвет фона пункта подменю при наведении курсора:
Для этого нужно прописать соответствующие стили.
Шаг 1. Перейти в Администрирование > Контент > Структура сайта > Файлы и папки.
Шаг 2. Найти папку /bitrix/templates/simai.framework.
Шаг 3. Открыть в режиме редактирования PHP-кода файл template_styles.css.
Шаг 4. Прописать в конце файла код.
Где #код_цвета_фона заменить на код необходимого цвета фона, а #код_цвета_текста заменить на код необходимого цвета текста. И сохранить изменения. Если после сохранения изменений не видно в публичной части сайта, нужно сбросить кеш.
Код для выпадающего горизонтального подменю
.horizontal-submenu .nav-submenu li.nav-item:hover{
background: #код_цвета_фона !important;
color: #код_цвета_текста !important;
}
Например:
.horizontal-submenu .nav-submenu li.nav-item:hover{
background: #262626 !important;
color: #FFFFFF !important;
}
Результат:
Код для выпадающего вертикального подменю
.vertical-submenu .nav-submenu li.nav-item:hover{
background: #код_цвета_фона !important;
color: #код_цвета_текста !important;
}
Код для полноэкранного подменю
.sf-nav-full-screen-list li:hover{
background: #код_цвета_фона !important;
color: #код_цвета_текста !important;
}