Опубликовано: 4 августа 2016

Изменение цвета выделения кнопок верхней панели Есть решение

Здравствуйте!

Подскажите как изменить фон выделения кнопок верхней панели?


Комментарии (5)

  • Решение
    Тирон Александр 8 августа 2016 10:21 #

    Добавить в пользовательские стили:

    /* при наведении */
    ul.base-menu.pages-top li:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }
    /* выбранный пункт */
    ul.base-menu.pages-top li.selected {
        background-color: rgba(0, 0, 0, 0.1);
    }

    *код цвета заменить на свой

    1
  • Дмитрий 8 августа 2016 18:36 #

    СПАСИБО! Все теперь здорово!

    1
  • Дмитрий 17 августа 2016 10:19 #

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

    1
    • Тирон Александр Тирон Александр 17 августа 2016 16:13 #

      /* выбранный пункт */

      ul.base-menu.pages-top li.selected {
          background-color: rgba(0, 0, 0, 0.1); 
      }
      ul.base-menu.pages-top li li.selected { 
      background-color: rgba(0, 0, 0, 0.1); 
      }
      1
  • Дмитрий 17 августа 2016 18:36 #

    Почему то не получилось, цвет не изменился.

    В итоге у меня получилось так:

    /* при наведении */

    ul.base-menu.pages-top li:hover {

    background-color: rgba(72, 209, 204, 0.1);

    }

    /* выбранный пункт */

    ul.base-menu.pages-top li.selected {

    background-color: rgba(255, 255, 255, 0.1);

    }

    ul.base-menu.pages-top li.selected {

    background-color: rgba(72, 209, 204, 0.1);

    }

    ul.base-menu.pages-top li li.selected {

    background-color: rgba(72, 209, 204, 0.1);

    }


    1
  • Дмитрий 18 августа 2016 10:23 #

    Все работает СПАСИБО

    1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Услуги

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх