Поддержка Темы и шаблоны Смена цвета фона в меню и выпадающем меню при наводке н

  • Я пытаюсь добиться того, чтобы при наводке курсором, каждая отдельная кнопка в меню изменяла цвет на свой определенный. И каждое выпадающее меню тоже имело свой цвет.
    Насколько я понимаю, надо использовать item-menu, но у меня ну ни как не получается прописать код как следует.

    Например в firebug я вижу что Остеопатия id=»menu-item-2370″, выпадающее меню Что такое Остеопатия id=»menu-item-2416″

    Для меню Остеопатия цвет должен быть при наводке #95C11E
    Для выпадающего меня Что такое остеопатия #B9D26C.

    Я так пониаю, в коде должно быть что-то вроде:
    #header-v3 #navigation ul li a:hover, #header-v3 #navigation ul li.sfHover a {
    background:none repeat scroll 0 0 ….;
    }

    Очень прошу помочь!

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • #menu-item-2370:hover{color:#95C11E;}
    Тогда при наведении на элемент с id menu-item-2370 цвет текста внутри этого элемента будет меняться на #95C11E. Остальное по аналогии, меняя селектор и код цвета.

    не меняется :(((
    не надо ли там куда-то поставить? #header-v3 #navigation ul li a:
    и ul li.sfHover a

    Нет, это не обязательно. Селектора по id вполне достаточно. Если только вы правильно его указали и он не перекрывается другими стилями.

    Я уже все id попробовала 🙁
    с данным кодом ничего не меняется
    *начинает тихо биться головой об клавиатуру

    Не надо пробовать все id. Надо найти id или class нужного пункта меню. Возможно, код чем-то перебивается. Попробуйте !important перед точкой с запятой.

    попробовала !important — не реагирует
    вот этот код может перебивать?
    ‘#header-v3 #navigation ul li a, #header-v3 #navigation ul li a {
    background: #9D9C9C;
    color:#FFFFFF;
    }’

    Возможно. Я же не знаю структуру вашей темы. И не знаю, правильно ли вы задаёте селектор. Дайте ссылку на сайт.

    http://barrix-segers.be/
    спасибо

    Нужно после селектора с id добавить a и оставить important. Пример:
    #menu-item-2370:hover a{color:red !important;}
    Так работает. При наведении на второй пункт меню текст становится красным.

    Можно править и напрямую стили меню. Но такой вариант хорош тем, что ваши правки лежат в одном месте. И вы можете их удалить без необходимости восстанавливать предыдущие значения. Хотя вообще в принципе important только на крайний случай.

    Урррра!!! Уррраа!! Зафурычило!!!
    Можно еще вопросик? Как с выпадающим меню обходиться? Сменой селектора ведь тут не обойтись?

    Обойтись.

    не срабатывает 🙁

    li#menu-item-2416:hover{background:red;}

    буду в Питере, куплю Вам пива, если Вы не против ))
    спасибо за помощь))
    цвет появился, только весь блок не закрывает…((

    Пиво я не пью. =) Но пожалуйста.

    А вот так убрать границы:

    ul.sub-menu{padding:0 !important;}
    #navigation .sub-menu li {padding:10px !important;}

Просмотр 15 ответов — с 1 по 15 (всего 17)
  • Тема «Смена цвета фона в меню и выпадающем меню при наводке н» закрыта для новых ответов.