Поддержка Проблемы и решения Другой стиль пункта меню из темы

  • Решено email2011

    (@email2011)


    Всем здравствуйте.
    Есть блог http://blogs.pravostok.ru/petr-i-pavel/.
    Там есть меню «История прихода», … , «Нам пишут», «Адрес».
    Нужно добавить еще один пункт.
    Но он должен быть другого цвета, другим шрифтом. Короче должен выделяться.
    Как это сделать?
    Как это правильно называется?

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • добавьте обычный пункт, а потом стилями раскрасьте его.

    Автор email2011

    (@email2011)

    1. В разделе «Внешний вид» нашел подраздел «Редактор»
    Там есть код стиля
    Rolas Sepuluh: Таблица стилей (style.css)

    Добавил в конце
    /* blago.css
    ————————————————————— */
    #menublago{ background: darkgreen;}

    Правильно ли это?

    2. Где переопределить стиль пункта меню не нашел. Вроде все облазил…
    Наверное какой-то плагин надо установить?

    3. Если совсем чайниковские вопросы, ткните носом на самоучитель.

    1) Зайдите в админку—>Внешний вид—>Меню. Найдите свое меню (если их несколько) и добавьте новый пункт. Сохраните.

    2) Обновите страницу сайта и проинспектируйте нужный пункт. Например в chrome достаточно нажать ctrl+shift+I

    3) Определите его класс. У вас на сайте, он начинается с .page_item page-item-(здесь id)

    4) Задайте это классу стили. Например, чтобы поменять цвет фона пункта «Адрес», в css добавьте эту строчку:

    li.page_item page-item-56 {background: #ff0000;}

    Автор email2011

    (@email2011)

    Мне кажется мы говорим о разных вещах.

    Если зайти Админка —> Внешний вид —> Меню
    у меня там меню «Навигация»

    Главная — Произвольная ссылка
    Главная — Произвольная ссылка
    Главная — Произвольная ссылка
    История прихода — Страница
    История прихода — Страница
    История прихода — Страница
    Адрес — Страница
    Адрес — Страница
    Адрес — Страница
    Жизнь прихода — Страница
    Жизнь прихода — Страница
    Жизнь прихода — Страница
    Фотобанк — Страница
    Фотобанк — Страница
    Фотобанк — Страница
    Нам пишут — Страница
    Нам пишут — Страница
    Нам пишут — Страница

    Каждого наименования по 3 штуки.

    Я на сайте в режиме просмотра ничего затроенного не нашел.
    Не знаю как это меню вообще вызвать.

    А вот то про что я говорю… черная полоска с пунктами
    «История прихода», «Жизнь прихода», «Духовное воспитание», «Фотобанк», «Нам пишут», «Адрес». Я не знаю, как это называется.

    В конце я добавил пункт еще один. Но я добавлял его через
    «Админка» —> «Страницы» —> «Все страницы».

    Вот мне чтобы он другого цвета был нужно…

    Мне кажется мы говорим о разных вещах.

    Вряд ли

    В конце я добавил пункт еще один. Но я добавлял его через
    «Админка» —> «Страницы» —> «Все страницы».

    Вот мне чтобы он другого цвета был нужно…

    скрин

    Какой пункт из этих нужно изменить?

    Автор email2011

    (@email2011)

    Не изменить. А добавить с другим стилем. После «Адрес».

    Но можно начать с того, чтобы изменить допустим «Адрес».

    > li.page_item page-item-56 {background: #ff0000;}

    Не получилось
    ни
    li.page_item page-item-56 {background: #ff0000;}
    ни
    li.page_item page-item-56 current_page_item {background: #ff0000;}

    Модератор Yuri

    (@yube)

    ни
    li.page_item page-item-56 {background: #ff0000;}
    ни
    li.page_item page-item-56 current_page_item {background: #ff0000;}

    page-item-56 и current_page_item — классы же, а не теги. К тому же классы одного элемента, судя по всему. Если так, то

    
    li.page_item.page-item-56 {background: #ff0000;}
    

    Скорее всего, тут page_item не нужен, т.к. не может быть иного элемента с классом page-item-56. И li тоже. А вот «вес» надо уже смотреть по месту.

    Букварь тут: Самоучитель CSS

    И так не получилось.
    Ни
    li.page_item.page-item-56 {background: #ff0000;}
    ни
    .page-item-56 {background: #ff0000;}

    Придется язык изучать…

    Все получилось. Всем спасибо.

    .page-item-56 {background: #ff0000;} — работает.

    Надо было закрыть страницу и открыть по новой в браузере. И букварь помог.

    Тему не закрывайте, пожалуйста.

    Все получилось. Всем спасибо.

    В сайдбаре топика: статус — решено. (Это на будущее. Сейчас я сделаю)
    И опять же на будущее — в форме вопроса/ответа форума есть кнопка code. Используйте её.

    Тему не закрывайте, пожалуйста.

    См правила форума, п2: Не задавайте несколько вопросов в одной теме. Если вопросы разные — создайте, пожалуйста, несколько тем, даже если они связаны между собой

    • Ответ изменён 6 лет, 11 месяцев назад пользователем SeVlad.
Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Другой стиль пункта меню из темы» закрыта для новых ответов.