[RISOLTO] Classe modulo che non cambia

[joomla2]

Ciao mi sono letto l'articolo di Tonicopi su come cambiare la grafica ai moduli e credo di aver seguito passo passo il tutto ma evidentemente da qualche parte  sbaglio qualche cosa.
In allegato lo screen del codice riportato da firebug mentre questa è la parte di codice relativa a "Module" che ho modificato:

.module h3 {    background-color: #C02F0B;    border-bottom: thin solid #CCCCCC;    color: #FFFFFF;    margin-left: 0;    margin-top: 0;}.module h3blu {    background-color: #434287;    border-bottom: thin solid #CCCCCC;    color: #FFFFFF;    margin-left: 0;    margin-top: 0;}In grossetto la parte aggiunta, poi ho inserito nel modulo che intendo modificare nel campo Module Class Suffix ".module h3blu" solo che invece di mostrarmi lo sfondo blu me lo mostra bianco.

Dove sbaglio?

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[adottauncane]

Ciao joomla2,
il suffisso che devi inserire deve essere di questo tipo _blu ad esempio.
Mettilo nel modulo e con firebug vedrai module_blu

Quindi sarà .module_blu il css che dovrai scrivere.

Se poi vuoi cambiare il titolo allora sarà module_blu h3, eventualmente.

[joomla2]

Ciao io ho provato in tutti i modi ma del colore che voglio io nemmeno l'ombra.

///////////////////////



.module h3
{
    margin-top:0px;
    margin-left: 0px;
    border-bottom: thin solid #CCCCCC;
    background-color: #C02F0B;
    color: #ffffff;
}

.module blu
{
    margin-top:0px;
    margin-left: 0px;
    border-bottom: thin solid #CCCCCC;
    background-color: #F7F7F7;
    color: #ffffff;
}


//////////////////////////////////////////////////

Provo a riportare nuovamente il codice, nota che ho cambiato solo il colore di sfondo.La parte sotto è copiata dal codice originale sopra, ho modificato solo il colore di sfondo.Nel campo Module Class Suffix ci metto "_blu" ma niente da fare il risultato è sempre bianco.Scusatemi se sono un po rintronato ma non capisco un .......Se adottauncane o qualcun altro vuole provare gli passo in privato i dati di accesso.

[joomla2]

Non so se puo essere utile ma ho notato che ispezionando il modulo al quale applico il suffisso _blu firebug non presenta il riferimento a stille.css come invece viene mostrato quando ispeziono un altro modulo qualsiasi, uno di quelli che non hanno indicato niente nel campo classe suffisso. Vedi foto allegate
Puo voler dire qualche cosa?

Sto aspettando con ansia una soluzione al problema.

Bye.

[allegato eliminato da un amministratore essendo vecchio più di un anno]

[adottauncane]

Quindi sarà .module_blu il css che dovrai scrivere.

e non .module blu

[joomla2]

Ok, ora qualche cosa di nuovo si vede ma ci sono un paio di cose che di logico non hanno niente.

1- che logica ha scrivere nel css ".module_blu" se il resto del css usa ".module h3" senza il carattere "_"

2- perche con lo stesso codice che ho postato prima dove ho modificato solo "background-color: #C02F0B;" con "background-color: #F7F7F7;" mi cambia lo sfondo di tutto il modulo e non solo della parte che riguarda il titolo, come si spiega dal momento che se lo stesso colore "#C02F0B" lo cambio con "#F7F7F7" nella parte di testo del css sotto " .module h3" il risultato è differente, cambia lo sfondo della parte del titolo di tutti i moduli.

sono disperato  scusate ma quando comincio a credere di averci capito qualche cosa mi accorgo di non aver capito niente.

[56francesco]

ce lo hai un link al sito on line?

[adottauncane]

Se poi vuoi cambiare il titolo allora sarà module_blu h3, eventualmente.

.module h3 non c'entra nulla con i suffissi classe modulo. È il css del template che definisce i titoli in h3 dei moduli. E ti assicuro che i css sono molto logici... 

[joomla2]

ce lo hai un link al sito on line?

http://www.sportividelponte.it/joomla/

Usiamo come esempio il modulo "Cerca" che attualmente ha il suffisso "_blu", vedi il codice sotto copiato da Css.

.module blu
{
    margin-top:0px;
    margin-left: 0px;
    border-bottom: thin solid #CCCCCC;
    background-color: #4E89BB;
    color: #ffffff;
}

[adottauncane]

Perché continui a scrivere .module blu e non .module_blu?

.module_blu
{
    margin-top:0px;
    margin-left: 0px;
    border-bottom: thin solid #CCCCCC;
    background-color: #4E89BB;
    color: #ffffff;
}

e vedrai che funziona.

Se poi vuoi cambiare il titolo scrivi

module_blu h3

e il css che vuoi.

Ciao joomla2,
il suffisso che devi inserire deve essere di questo tipo _blu ad esempio.
Mettilo nel modulo e con firebug vedrai module_blu

Quindi sarà .module_blu il css che dovrai scrivere.

Se poi vuoi cambiare il titolo allora sarà module_blu h3, eventualmente.

[joomla2]

Fatto, ma come spiegato in un post precedente non ottengo il risultato sperato, mi cambia il colore dell'intero modulo, non del solo sfondo del testo.

2- perche con lo stesso codice che ho postato prima dove ho modificato solo "background-color: #C02F0B;" con "background-color: #F7F7F7;" mi cambia lo sfondo di tutto il modulo e non solo della parte che riguarda il titolo, come si spiega dal momento che se lo stesso colore "#C02F0B" lo cambio con "#F7F7F7" nella parte di testo del css sotto " .module h3" il risultato è differente, cambia lo sfondo della parte del titolo di tutti i moduli.

Puoi vedere il risultato qui http://www.sportividelponte.it/joomla/ , ho scritto nel css :

.module_blu
{
    margin-top:0px;
    margin-left: 0px;
    border-bottom: thin solid #CCCCCC;
    background-color: #4E89BB;
    color: #ffffff;
}

e nel campo "Module Class Suffix"  "_blu"

[adottauncane]

Se per testo intendi i link del modulo a destra bisogna scrivere così:

Codice: [Seleziona]

.module_blu a {
    color: #FFFFFF;
}
Se per testo intendi i titoli:

Codice: [Seleziona]

.module_blu h3 {
     color: #FFFFFF;
}


Il suffisso non cambia nulla delle regole del css. Solo permette di applicarle a un modulo in particolare. Quindi quello che vuoi fare puoi copiarlo da altri moduli e poi ti limiti ad aggiungere il suffisso.

[joomla2]

Uauu, finalmente ci siamo riusciti, quello che volevo io era cambiare lo sfondo del titolo, dall'ultimo post ho capito che bisognava aggiungerci "h3"

Se per testo intendi i titoli:

Codice: .module_blu h3 {
     color: #FFFFFF;
}

Be, meglio tardi che mai, non si dice cosi?

Grazie della pazienza.

[adottauncane]

Ciao joomla2,
il suffisso che devi inserire deve essere di questo tipo _blu ad esempio.
Mettilo nel modulo e con firebug vedrai module_blu

Quindi sarà .module_blu il css che dovrai scrivere.

Se poi vuoi cambiare il titolo allora sarà module_blu h3, eventualmente.

Veramente l'avevo scritto nel primo post...