Свой цвет на каждый пункт меню - как сделать?

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 1.X

#1 8 октября 2017 в 22:04

Добрый день. Нужно сделать так — у каждого пункта меню, свой цвет.
Например
Статьи — зеленая кнопка в меню
Блоги — красная кнопка в меню
Форум — синяя кнопка меню, и так далее. Прошу дать совет) scratch

#2 8 октября 2017 в 22:15

@Dina, если каждому пункту нельзя назначить свой класс, тогда можно через css. Если пункты редко меняются, то можно сделать так:

#mainmenu li:nth-child(1){
  background-color:red;
}
#mainmenu li:nth-child(2){
  background-color:green;
}
#mainmenu li:nth-child(3){
  background-color:blue;
}
#mainmenu li:nth-child(4){
  background-color:white;
}

Это пример для текущего сайта, для своего посмотрите как подправить стили. Для первого пункта красный цвет, для второго зеленый и тд…

Результат

#3 8 октября 2017 в 22:39

если каждому пункту нельзя назначить свой класс,
@SmartControl

можно

.red{
background:red;
}

Сегодня в 23:29

#4 10 октября 2017 в 09:08

Отлично всем спасибо))

Как добавить ещё задачи для ле

Принцип работы шаблона для моб

Свой цвет на каждый пункт меню - как сделать?

Похожие темы

[ЗАКРЫТО] Цвет меню

Цвет текста меню

[ЕСТЬ РЕШЕНИЕ] Виджет меню из "Специальные пункты меню"

[ЕСТЬ РЕШЕНИЕ] Зависает редактирование пункта меню в админке

Цвет в блоках виджетов - ряд / колонка (тема modern)

Цвет имени группы пользователя

InstantCMS Team

О проекте

Поддержка

Дополнения