stili differenziati css in ja-purity

[antodesign]

Buongiorno.
Sto cercando di modificare il template ja-purity inserendo nel modulo a destra uno stile diverso per il menu.
So che bisogna duplicare gli stili di quello predefinito ma non li trovo, nel senso che il menu è richiamato sia nel file template.css e menu.css, non so proprio dove mettere le mani.
Sapreste cortesemente aiutarmi?
Grazie anticipatamente.

[ellezero]

hai un link da mostrare?

[antodesign]

Si è questo: http://www.vittorioriguzzi.com/index.php

Sostanzialmente volevo cambiare il colore dei link del menu di sestra.
Grazie

Antonella

[ellezero]

quello che ti interessa e' questo (questo gestisce il menu in generale)
#ja-container2 ul.menu

presente nel menu.css

se vuoi modificare il colore dei link in quei menu devi cambiare il valore color che sta qui
#ja-container2 ul.menu li a

considera che gestisce tutti i link nei menu per cui se vuoi cambiare solo quelli di destra potresti creare un altro stile e poi dire ai menu di destra di andare a prendere il nuovo suffisso css (se non ricordo male puoi assegnarlo al menu in gestione moduli)

[antodesign]

Esatto era quello che ho provato di fare, quindi duplicare tutte le voci #ja-container2 in questo file e cambiandole con #ja-container3 modificando logicamente i parametr, poi le ho messe come suffisso al modulo ma non è cambiato nulla
Grazie per ora comunque

[ellezero]

Esatto era quello che ho provato di fare, quindi duplicare tutte le voci #ja-container2 in questo file

cosa vuol dire in questo file?
nel file menu.css crei un altra regola che chiamerai cosi
#ja-container3 ul.menu

e poi nella gestione moduli, nel menu che ti interessa gli metti come suffisso ja-container3 no?

[antodesign]

Niente, non capisco cosa sbaglio, posto qui il codice del file menu.css

/* Default Joomla! Menu */

Codice: [Seleziona]

#ja-container2 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}

#ja-container2 ul.menu li a {
padding: 2px 0;
display: block;
color: #000000;
background: url(../images/hdot2.gif) repeat-x bottom #cfcfcf;;
font-weight: bold;
text-decoration: none;
outline: none;
}

#ja-container2 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
text-decoration: none;
}

#ja-container2 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #d8d883;
color: #000000;
font-weight: bold;
text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li li a span {
background: none;
}

#ja-container2 ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}

#ja-container2 ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}

#ja-container2 ul.menu li li a {
color: #333333;
background: none !important;
font-size: 92%;
font-weight: normal;
}

#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
color: #006699;
}

#ja-container2 ul.menu li li a span {
background: url(../images/bullet.gif) no-repeat 5px;
font-weight: normal;
}






#ja-container3 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container3 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}

#ja-container3 ul.menu li a {
padding: 2px 0;
display: block;
color: #ff0000;
text-decoration: none;
outline: none;
}

#ja-container3 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container3 ul.menu li a:hover,
#ja-container3 ul.menu li a:active,
#ja-container3 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
text-decoration: none;
}

#ja-container3 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #d8d883;
color: #fff000;
font-weight: bold;
text-decoration: none;
}

#ja-container3 ul.menu li.active a span {
background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container3 ul.menu li li a span {
background: none;
}

#ja-container3 ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}

#ja-container3 ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}

#ja-container3 ul.menu li li a {
color: #333333;
background: none !important;
font-size: 92%;
font-weight: normal;
}

#ja-container3 ul.menu li li a:hover,
#ja-container3 ul.menu li li a:active,
#ja-container3 ul.menu li li a:focus {
color: #006699;
}

#ja-container3 ul.menu li li a span {
background: url(../images/bullet.gif) no-repeat 5px;
font-weight: normal;
}
poi in Suffisso classe CSS modulo metto -ja-container3 ma nulla

Grazie.