[RISOLTO] Modifica colore background menu terzo e quarto livello

[valfio]

Ciao ,


sto lavorando su questo sito:
http://www.casellaercole.it/


Il cliente vuole che per ogni sottodominio ci sia un colore di grigio più chiaro.
Nella voce "Attività" si aprono altri due sottomenu ... per ognuno di questi il colore di sfondo del grigio deve essere diverso.

Potete aiutarmi ?


Vi invio qui sotto il css:

Codice: [Seleziona]

/** Topmenu (added multi-level support v1.1) **/


#topmenu {
   float: left;
   width: 1000px;
   padding-left: 0px;
   font-family: 'Oswald', sans-serif; font-weight: 400;
   font-size: 1.4em;
   color: #fff;
   background-color: #000;
   z-index:100;
}


#topmenu ul {
   float: left;
   padding: 0;
   margin: 0;
   list-style: none;
   background-color: #fff;
   z-index:100;
}


#topmenu a {
   display: block;
   color: #fff;
   padding-top: 8px;
   padding-bottom: 10px;
   padding-left: 22px;
   padding-right: 22px;
   text-decoration:none;
   background-color: #000;
   z-index:100;
}


#topmenu a:hover,
#topmenu li.active a {
   color: #cf2234;
   text-decoration: none;
   background-color: #;
   z-index:100;
}




#topmenu li {
   float: left;
   padding-right: 1px;
   z-index:100;
}




/** Second-level lists **/


#topmenu li ul {
   position: absolute;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   width: 152px;
   left: -999em; /* "display: none" not seen by screen readers */
   background-color: #535556;
   z-index:198;
}


#topmenu li ul a {
   width: 152px;
   padding-top: 9px;
   padding-bottom: 9px;   
   background-color: #535556;
   z-index:198;
}


#topmenu li.active ul a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #535556;
   z-index:198;
}


#topmenu li.active ul a {
   text-decoration: none;
   background-color: #535556;
   z-index:198;
}


/** Level third and above **/


#topmenu li ul ul {
   margin: -37px 0 0 196px;
   z-index:200;
}


#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
   left: -999em;
   z-index:200;
}


#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
   left: auto;
   z-index:200;
}



Grazie a tutti per il vostro aiuto.

[adottauncane]

Ciao valfio,
non serve inserire il css, lo vediamo. In ogni caso se devi inserire codice usa il tastini #.

Io vedo solo 2 sotto livelli.

Per cambiare il secondo aggiungi questo al file template.css

Codice: [Seleziona]

#topmenu li ul ul a {
    background-color: #000000;
}

[valfio]

Grazie mille ! ! ! 

[adottauncane]

 Prego. Ricordati di inserire il [RISOLTO] davanti al titolo del primo post.