Как изменить цвет меню в cs-cart


#1

День добрый! Подскажите, можно ли с помощью css изменить цвет меню. Имеется ввиду каждый пункт со своим цветом.

1- желтый
2 - зеленый
3 - красный
итд
Меню вертикальное, тема Youpi


#2

Да.
http://htmlbook.ru/css/nth-child


#3

А для чайников, можно пример?) на демо https://youpi.shop/?s_layout=21


#4

Едва ли получится без изучения основ :wink:


#5
.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(1) .ty-menu__item-link {
    background: red;
}

.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(2) .ty-menu__item-link {
    background: orange;
}

.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(3) .ty-menu__item-link {
    background: yellow;
}

.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(4) .ty-menu__item-link {
    background: green;
}

.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(5) .ty-menu__item-link {
    background: cyan;
}

.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(6) .ty-menu__item-link {
    background: blue;
}

.top-menu-grid-vetrtical .ypi-menu__inbox > .ty-menu__items > .ty-menu__item:nth-child(7) .ty-menu__item-link {
    background: purple;
}

#6

Супер! А если нужно еще цвет текста поменять у каждого пункта?


#7