Как поменять цвет фона у меню

  • Решено Ar1ur

    (@ar1ur)


    2 года, 10 месяцев назад

    Подскажите пожалуйста как поменять цвет фона у меню? Пробовал менять в style.css (вместо #202020):

    `.main-navigation-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #202020;
    background-color: var(—navi-color);
    list-style: none;
    font-size: 15px;
    font-size: 0.9375rem;
    }`

    — не помогает.

    • Тема изменена 2 года, 10 месяцев назад пользователем Ar1ur.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Модератор Юрій

    (@yube)

    2 года, 10 месяцев назад

    Пробовал менять в style.css

    Плохая идея. Изменения исчезнут при обновлении темы. Лучше добавлять в настройки → дополнительные стили.

    .main-navigation-menu

    Я не нашел такого меню.
    Есть .main-navigation.

    вместо #202020

    так —navi-color тоже #202020. Как оно должно было «помочь»?

    .main-navigation ul { background-color: var(--navi-text-color); }

    в доп.стилях перекрашивает фон под картинками.

    Автор Ar1ur

    (@ar1ur)

    2 года, 10 месяцев назад

    Т.е. мне надо вставить:
    .main-navigation ul { background-color: var(--navi-text-color); }
    в Дополнительные стили и поменять цвет на нужный? Но насколько я понимаю, --navi-text-color — это переменная (хотя название больше подходит цвету шрифта, чем фона), и где-то надо поменять её значение. Нет?

    А когда цвет прописываю напрямую: .main-navigation ul { background-color: #fff; }, то ничего не меняется.

    • Ответ изменён 2 года, 10 месяцев назад пользователем Ar1ur.
    • Ответ изменён 2 года, 10 месяцев назад пользователем Ar1ur.
    Модератор Юрій

    (@yube)

    2 года, 10 месяцев назад

    Т.е. мне надо вставить

    Да.

    это переменная (хотя название больше подходит цвету шрифта, чем фона),

    Так и есть.

    А когда цвет прописываю напрямую

    В коде страницы не вижу этого кода

    ничего не меняется.

    А должно бы
    screenshot

    Может, надо нажать Ctrl+F5?

    Автор Ar1ur

    (@ar1ur)

    2 года, 10 месяцев назад

    От греха подальше я сначала пробую на другом сайте, с той же темой.

    Я вообще правильно понял о чем речь: Внешний вид — Настроить — Дополнительные стили?

    Автор Ar1ur

    (@ar1ur)

    2 года, 10 месяцев назад

    Страницу перезагружал много раз, смотрел со смартфона — без изменений.

    Модератор Юрій

    (@yube)

    2 года, 10 месяцев назад

    Внешний вид — Настроить — Дополнительные стили?

    Да.

    Модератор Юрій

    (@yube)

    2 года, 10 месяцев назад

    на другом сайте, с той же темой.

    Там другие классы.

    tuxfighter

    (@tuxfighter)

    2 года, 10 месяцев назад

    измените селектор на .primary-navigation-wrap

    Автор Ar1ur

    (@ar1ur)

    2 года, 10 месяцев назад

    Там другие классы.

    Не знал, большое спасибо за помощь — на нужном сайте все работает.

    А почему на тестовом сайте другие классы, в чем разница? На тестовом сайте в style.css в разделе Main Navigation где нужно и где не нужно поменял background-color на #fff — никаких изменений.

    • Ответ изменён 2 года, 10 месяцев назад пользователем Ar1ur.
    • Ответ изменён 2 года, 10 месяцев назад пользователем Ar1ur.
Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Тема «Как поменять цвет фона у меню» закрыта для новых ответов.