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

[zypper]

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

[kJlukOo]

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

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

[zypper]

  В 13.09.2017 в 18:13, kJlukOo сказав:

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

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

Expand  

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

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

[zypper]

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

[Gann]

  В 13.09.2017 в 17:01, zypper сказав:

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

Expand  

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

 

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

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

 

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

 

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

 

[zypper]

  В 15.09.2017 в 22:04, Gann сказав:

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

 

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

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

 

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

 

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

 

Expand  

Что-то не совсем выходит. Сайт: 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]

  В 17.09.2017 в 04:59, jaffagold сказав:

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

    color: red;

}

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

Expand  

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

[HyperLabTeam]

  В 17.09.2017 в 19:22, zypper сказав:

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

Expand  

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

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

>

[zypper]

  В 17.09.2017 в 19:25, AWARO сказав:

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

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

>

Expand  

Спасибо

[zypper]

  В 17.09.2017 в 19:25, AWARO сказав:

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

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

>

Expand  

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

...

}