Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : enzoman 27 Apr 2017, 23:08:32
-
Ciao a tutti,
sto usando Gantry 5 come template, ma non so come cambiare il colore di sfondo e l'altezza di una riga di una sezione (per esempio Features). Quindi se per esempio all'interno della sezione Features ho tre righe e volessi personalizzare l'altezza di una riga (o particella) oppure modificarne lo sfondo, come posso fare?
Relativamente al colore di sfondo so modificare il colore di un'intera sezione, ma non quello di una singola riga (oppure particella)...
Grazie in anticipo per l'aiuto,
Enzo
-
Lo fai direttamente nel layout della singola riga della sezione. Adesso non ricordo i nomi ove effettuare le aggiunte di codice css, ma nella documentazione c'č scritto come fare.
-
Come giustamente lo suggerisce tomtomeight, lo fai direttamente dal layout del tuo outline.
Nella parte destra della tua riga clicca sulla rotelina, ti compare una finestra popup con le impostazioni, clicca successivamente sul secondo tab (Block) e inserisci una classe a piacere nel campo "CSS Classes" che la devi definire ovvio nel tuo css.
A limite puoi aggiungere direttamente dei "tag attributes" tipo: background-color:#369;
-
Grazie per l'aiuto. Ho creato una classe css e sotto in "tag attributes" a sinistra della freccia ho scritto il nome della classe che ho scritto in CSS classes, invece a desta della freccia ho inserito diversi tentativi di codice, ma senza successo:
Tentativi di codice scritto:
div {
width: 300px;
height: 100px;
border: 1px solid blue;
box-sizing: border-box;
}
oppure:
background-color: #00ff00;
-
No, forse non mi sono spiegato bene.
Ci sono 2 strade da proseguire:
1. Prima, definisci la classe css in "CSS Classes" e poi inserisci i attributi di quella classe nel file "custom.scss" (leggi la documentazione);
2. Oppure inserisci nel "Tag Attributes" i css che desideri. Nel campo "Tag Attributes" si inseriscono stili css inline.
Esempio:
A sinistra scrivi cosė: style
A destra scrivi cosė: width:300px; height:100px; border:1px solid blue;
Chiaro ?
-
Grazie infinite, ha funzionato perfettamente. Siccome di programmazione non capisco praticamente niente (non conosco la sintassi) ho preferito usare il secondo metodo. Relativamente al colore ho usato il codice: background-color: yellow perchč forse si tratta di un body.
Grazie ancora.
Enzo