Back to top

Autore Topic: Suffisso classe CSS modulo non funzione  (Letto 1110 volte)

Offline lostef

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Suffisso classe CSS modulo non funzione
« il: 10 Apr 2014, 13:00:44 »
Ciao,
mi piacerebbe personalizzare un modulo e pensavo di iutilizzare l'opzione suffisso classe.
1 Ho inserito il suffisso nell'apposito campo del modulo (custom1)
2 nel foglio stile ho creato la relativa classe con le caratetristiche che necessito
Ma quando vado a vedere il risultato non succede nulla.

Provando ad ispezionarlo con filebug ho visto che il div in questione cambia da
 
Codice: [Seleziona]
<div class="rt-block">  a  <div class="rt-block  custom1">cioè aggiunge uno spazio tra il nome della classe del template è il suffisso.
Potrebbe essere questo il motivo del non funzionamento?

Per info il template è gantry framework

Ciao

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Suffisso classe CSS modulo non funzione
« Risposta #1 il: 10 Apr 2014, 14:49:17 »
potrebbe....

tu per essere certo, con firebug, clicca con il tasto destro sul div e poi su copia percorso css.......vedrai che incollando sul''editor capira l'esatta dichiarazione come deve essere scritta.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Suffisso classe CSS modulo non funzione
« Risposta #2 il: 10 Apr 2014, 15:15:04 »
ciao, io di solito per creare stili modulo personalizzati su gantry faccio così, mi copio uno stile già esistente gantry ne ha tre ad esempio il box3 è cosi
Codice: [Seleziona]
.box3 {
    background-color: #363636;
    background-image: linear-gradient(to bottom, #3B3B3B, #2E2E2E);
    background-repeat: repeat-x;
    border-bottom: 1px solid #000000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    color: #ADADAD;
    text-shadow: 0 2px 3px #000000;
}
.box3 .title {
    border-bottom: 1px solid #212121;
    box-shadow: 0 1px 0 #4C4C4C;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}
poi modifico il nome dello stile ad esempio in .box4 e .box4 .title effettuo tutte le modifiche ai codici colore i bordi ecc... ed inserisco il mio codice personalizzato nel file gantry-custom.css che va inserito nella cartella /templates/gantry/css poi richiamando lo stile nell'apposito campo Suffisso classe CSS modulo lo stile funziona perfettamente, cosi facendo posso creare tutti gli stili dei moduli che voglio

Offline lostef

  • Esploratore
  • **
  • Post: 108
    • Mostra profilo
Re:Suffisso classe CSS modulo non funzione
« Risposta #3 il: 11 Apr 2014, 08:33:50 »
Grazie per le risposte… ci provo e spero di risolvere
 :)

 



Web Design Bolzano Kreatif