Ciao Barbara,
avevo appena finito di scriverti la risposta e ho perso quanto avevo scritto.
Eureka! alla fine ci sono riuscito, grazie anche al tuo aiuto. Non me ne farò niente stavolta ma è tutta esperienza.
Come ho proceduto:
Ho provato a usare questo gruppo di istruzioni cambiando sistematicamente tutte le classi che mi indicava l'inspector nella zona dove cliccavo (queste che hanno funzionato non le avevo testate).
Alla fine ho tolto anche il suffisso, in quanto apparentemente non serve. Adesso se attivo queste istruzioni nel personal.css il colore di default cambia, e se le commento ritorno al default. Evidentemente l'override funziona !
Grazie ancora
Effettivamente se il ref della classe ha degli spazi nell'inspector es. nav-collapse icemegamenu collapse bisogna sostituirli con dei punti per referenziarla, forse è per questo che i miei primi tentativi sono andati a vuoto.
Per il menu principale
.nav-collapse.icemegamenu.collapse > ul {
background: #1A1A1A;
background: -web -linear-gradient(top, #3C3C3C, #1A1A1A) ;
background: -o-linear-gradient(top, #3C3C3C, #1A1A1A);
background: -ms-linear-gradient(top, #3C3C3C, #1A1A1A);
background: linear-gradient(top, #3C3C3C, #1A1A1A);
}
/* Submenu */
.icesubMenu.icemodules.sub_level_1 {
background: #222;
background: -moz-linear-gradient(#444, #111);
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
border: 1px solid rgba(255,255,255,.3);
}