Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : andresb 24 Sep 2009, 17:28:59

: template ja_purity: modificare colori titoli
: andresb 24 Sep 2009, 17:28:59

Premetto che non so niente, o quasi, rispetto ai CSS...
Vorrei modificare i colori di componentheading e contentheading (in pratica h2) nel template ja_purity, presente di serie in Joomla 1.5

Ho provato a modificare il file template.css
in questo punto

h1.componentheading, .componentheading {
   padding: 5px 0 15px;
   margin: 0 0 10px;
   background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
   font-size: 200%;
   font-weight: bold;
   color: #009999;
}

.contentdescription {
   padding-bottom: 30px;
}

h2.contentheading, .contentheading {
   padding: 5px 0 8px;
   margin: 0;
   font-weight: normal;
}

table.blog .contentheading {
   font-size: 150%;
    color: #009999;
}

.contentheading {
   font-size: 200%;
    color: #009999;
}

le parti in rosso sono le aggiunte, sono quelle le parti da toccare?
La cosa sembra funzionare, ma se attivo l'opzione di titoli degli articoli ipertestuali, i titoli tornano neri (credo perchè, in pratica, diventano dei link). Cosa devo modificare per risolvere il problema o, in alternativa, rendere anche i link dello stesso colore (opzione forse preferibile)?

grazie per qualunque suggerimento

: Re:template ja_purity: modificare colori titoli
: tonicopi 24 Sep 2009, 17:39:58

Dai che ci eri quasi arrivato!  :)
Devi assegnare il colore in questa regola

:

a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus{
color:#abcdef;
}
Cambierai così il colore non di tuttim i link ma dei link che sono titoli. Ovviamente se vuoi che al passaggio del mouse accada qualcosa dovrai togliere a.contentpagetitle:hover e fare una regola specifica per il mouseover  :)

: Re:template ja_purity: modificare colori titoli
: andresb 24 Sep 2009, 18:17:41

Grazie mille!
ma l'indicazione text-decoration: none !important; (non capisco se si riferisce anche al colore o altri attributi del testo) che c'è in questo punto del listato la ignoro?

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
   text-decoration: none !important;

: Re:template ja_purity: modificare colori titoli
: tonicopi 24 Sep 2009, 18:32:20

Lasciala, se ti va bene lasciarla. Chi ha fatto Ja-Purity ha inteso che i link non avessero decorazioni, che in sostanza sarebbe la classica soottolineatura.
Aggiungi il color  :)