wyróżnienie jednego elementu menu prestashop

[mkomorowski@interia.]

Witam,

potrzebuję wyróżnić (kolorem tła)  jeden element w górnym menu (prestashop 1.6, motyw standardowy)

skorzystałem z selektora nth-child (opis znalazłem na forum w tym  poście)  i umieściłem go w superfish-modified.css

li:nth-child(6) {
    background: #EDC054;
    
}

Problem w tym, że poza wybranym elementem robi mi się background w menu w stopce (6 pozycja) sklepu oraz pojawia ramka  wokół co szóstego produktu w sklepie.

Jak zmodyfikować css żeby background był tylko w jednym elemencie i nie powtarzał się niżej?

 

 

[krzysiek_web]

Dodaj przed .sf-menu + zapewne jeszcze dodatkowy selektor bo podmenu też zmieni kolor. 

[mkomorowski@interia.]

dodałem nth-child(6)  przed .sf-menu ale nic się nie zmieniło.

  li:nth-child(6) {
    background: #EDC054;
    
}
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333;
    border-bottom-color: #666666;
    color: #fff; }

dodałem printscr żeby wyjaśnić na czym polega problem.

[krzysiek_web]

Chodziło mi przed twój zapis czyli: .sf-menu li:nth-child(6) {

[mkomorowski@interia.]

działa!

Wstawiłem tak:

.sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333;
    border-bottom-color: #666666;
    color: #fff; }
.sf-menu li:nth-child(6) {
    background: #EDC054;
    
}

Tak miałem wstawić?

[krzysiek_web]

A nie powoduje to czasem dodatkowego tła w podkategoriach rozwijanych? Bez adresu www nie można więcej stwierdzić. 

[mkomorowski@interia.]

nie, w podkategoriach nie powoduje dodatkowego tła. Usunąłem cache z przeglądarki i wygląda wszystko prawidłowo.

Dziękuję za pomoc!