Back to top

Autore Topic: [RISOLTO] Personalizzare categorie diverse  (Letto 1174 volte)

Offline nocode2011

  • Esploratore
  • **
  • Post: 57
    • Mostra profilo
[RISOLTO] Personalizzare categorie diverse
« il: 24 Nov 2012, 11:35:03 »
Ciao a tutti!
Avrei bisogno di cambiare il colore dello sfondo sotto il titolo degli articoli a seconda della categoria di appartenenza.
Ho provato a definire dei suffissi specifici per le varie categorie, ma poi non riesco a modificare correttamente il css.  ???
Questa è la pagina per la quale vorrei modificare il css > test
Grazie
 
 
 
« Ultima modifica: 26 Nov 2012, 20:55:47 da nocode2011 »

Offline nocode2011

  • Esploratore
  • **
  • Post: 57
    • Mostra profilo
Re:Personalizzare categorie diverse
« Risposta #1 il: 25 Nov 2012, 19:17:10 »
Per essere più preciso allego una schermata con la pagina che vorrei modificare.
In pratica vorrei cambiare il colore della fasci grigia sotto il titolo degli articoli....
Ho provato a modificare il css, ma mi cambia anche lo sfondo arancione !
Dove sbaglio ?

Offline nocode2011

  • Esploratore
  • **
  • Post: 57
    • Mostra profilo
Re:Personalizzare categorie diverse
« Risposta #2 il: 25 Nov 2012, 21:30:28 »
Allora....
Ho creato due suffissi diversi per le categorie "Music" e "Eclectic".
Ho aggiunto al file template.css :
 
.blog_musicstyle, .art-postmetadataheader {
    background-color: #61D350;
    padding: 1px;
    position: relative;
    z-index: 1;
}
 
.blog_eclecticstyle, .art-postmetadataheader {
    background-color: #377CEB;
    padding: 1px;
    position: relative;
    z-index: 1;
}
 
Però mi prende la modifica della categoria "eclectic" in tutte le pagine....
Qualcuno riesce a farmi capire dove sbaglio ?
Grazie
 

Offline nocode2011

  • Esploratore
  • **
  • Post: 57
    • Mostra profilo
Re:Personalizzare categorie diverse
« Risposta #3 il: 26 Nov 2012, 20:55:04 »
Sono riuscito a risolvere il mio problema così:
.musicStyle .art-postmetadataheader
{
   position:relative;
   z-index:1;
   padding: 1px;
   background-color: #377CEB;
}
.eclecticStyle .art-postmetadataheader
{
   position:relative;
   z-index:1;
   padding: 1px;
   background-color: #61D350;
}
 
 :)

 



Web Design Bolzano Kreatif