Перейти к содержанию
MKorablina

Цвет выпадающего меню при наведении

Рекомендуемые сообщения

Подскажите, пожалуйста, где и как сменить цвет выпадающего меню при наведении?

На картинке это синий цвет.

Ocstore 2.3

Снимок.JPG

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В файле stylesheet.css вашего шаблона, если скинете ссылку на сайт, скажу, что и где конкретно надо менять)

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В файле stylesheet.css не смогла найти, в bootstrap.css тоже(

Вот ссылка http://xn--80aqahu0bas.xn--p1ai/, буду очень благодарна.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В файле stylesheet.css: строка 115
 

.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8; <--- сплошной цвет, на случай если не работают цвета снизу
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);  <--- вот эти цвета с решеткой которые начинаются (сверху вниз) указаны
    background-repeat: repeat-x;
}

 

Изменено пользователем baster789
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Странно, но почему-то удаление сплошного цвета привело к тому, что при наведении цвет становится белым.

Пришлось просто использовать другой цвет.

Спасибо за помощь, в целом разобралась!

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, MKorablina сказал:

Странно, но почему-то удаление сплошного цвета привело к тому, что при наведении цвет становится белым.

Пришлось просто использовать другой цвет.

Спасибо за помощь, в целом разобралась!

 


Извините, я немного проморгал вспышку:
Добавьте на 155 строке в

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

Вот это, после color: #FFF;

  background: #229ac8;
  background: linear-gradient(to bottom, #23a1d1, #1f90bb); 

Должно получится

#top-links .dropdown-menu a:hover {
    color: #FFF;
    background: #229ac8;
    background: linear-gradient(to bottom, #23a1d1, #1f90bb); 
}


Теперь все должно нормально работать
П.С. удалять ничего не надо)

Изменено пользователем baster789

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.