Подскажите как реализовать

[zypper]

Здравствуйте. Делаю магазин на дефолтном шаблоне OpenCart 2.2. Появилась необходимость выделить в главном меню другим цветом разделы "Скидки" и "Контакты". Эти два раздела я добавлял через модуль "Категории" и закрепил их в главном меню. Как выделить? Может эти два раздела добавить через другой модуль и закрепить в главном меню? Если да, то через какой?

[kJlukOo]

заглянуть в классы элемента. часто можно встретить элемента идентификатор в классе, что-то вроде category-65. если нет похожего. то зайти в вьюшку этого модуля и добавить

и затем к этому классу добавить стили в цсс

[zypper]

2 hours ago, kJlukOo said:

заглянуть в классы элемента. часто можно встретить элемента идентификатор в классе, что-то вроде category-65. если нет похожего. то зайти в вьюшку этого модуля и добавить

и затем к этому классу добавить стили в цсс

Идентификатор в классе нет.

А про добавление классов я не совсем понял.

[zypper]

Все еще актуально

[Gann]

В 13.09.2017 в 21:01, zypper сказал:

Здравствуйте. Делаю магазин на дефолтном шаблоне OpenCart 2.2. Появилась необходимость выделить в главном меню другим цветом разделы "Скидки" и "Контакты". Эти два раздела я добавлял через модуль "Категории" и закрепил их в главном меню. Как выделить? Может эти два раздела добавить через другой модуль и закрепить в главном меню? Если да, то через какой?

посчитайте порядок элемента и задайте ему стиль

 

допустим, всё лежит в <ul class="ulclass"><li>.....</li>....</ul>

пусть нужен четвёртый <li>

 

в стили пишем:

 

.ulclass li:nth-child(4){нужные стили}

 

[zypper]

23 hours ago, Gann said:

посчитайте порядок элемента и задайте ему стиль

 

допустим, всё лежит в <ul class="ulclass"><li>.....</li>....</ul>

пусть нужен четвёртый <li>

 

в стили пишем:

 

.ulclass li:nth-child(4){нужные стили}

 

Что-то не совсем выходит. Сайт: http://www.laplanda.com.ua/

В моем случае все лежит в #menu. Вкладка такая: <ul> - <li> - <a>

[HyperLabTeam]

@zypper стоит почитать

#menu li:nth-child(5) {
    background-color: red;
}

если 2,3 то вот ещё для индивидуальности

 

[jaffagold]

#menu .nav li:nth-child(5) a {

    color: red;

}

или другие стили, какие пожелаете. Главное, определиться с селектором.

Змінено 17 вересня 2017 користувачем jaffagold

[zypper]

Всем спасибо ребят. Вопрос решен.

[zypper]

14 hours ago, jaffagold said:

#menu .nav li:nth-child(5) a {

    color: red;

}

или другие стили, какие пожелаете. Главное, определиться с селектором.

Ан нет. не все. В категории 5 строчка тоже красится в выбранный цвет.

[HyperLabTeam]

Только что, zypper сказал:

Ан нет. не все. В категории 5 строчка тоже красится в выбранный цвет.

#menu .nav > li:nth-child(5)

обрати внимание на

>

[zypper]

On 17.09.2017 at 10:25 PM, AWARO said:

#menu .nav > li:nth-child(5)

обрати внимание на

>

Спасибо

[zypper]

On 17.09.2017 at 10:25 PM, AWARO said:

#menu .nav > li:nth-child(5)

обрати внимание на

>

А если код такого вида, как быть?
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {

...

}