Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : robrob 19 Sep 2012, 22:50:41

: [Risolto] Cambiare sfondo e altezza header con Template Gantry
: robrob 19 Sep 2012, 22:50:41
Ciao a tutti,
ho installato Gantry Framework 4.05 e il template Gantry Default, ma con molta sorpresa il pannello di gestione del template mi offre due uniche possibilità per l'header: light e dark!
Se non sbaglio nelle versioni precedenti si poteva scegliere un colore di sfondo per l'header...


Come posso fare se voglio aumentare l'altezza dell'header e dargli uno sfondo ad es. rosso?
Devo intervenire su un css, ma quale?


Grazie.


Ciao


Roberto
: Re:Cambiare sfondo e altezza header con Template Gantry
: robrob 19 Sep 2012, 23:02:23
Premetto che ho cercato tra i css del template, ma non sono riuscito a capire su quale interventire.
In un post sull'aromento si parla del file gantry-custom.css, che però io non trovo in questa versione 4.05.


Grazie
Ciao
: Re:Cambiare sfondo e altezza header con Template Gantry
: apagano 20 Sep 2012, 10:04:31
Ciao robrob, nella nuova versione del framework RocketTeam ha deciso di puntare maggiormente sull'override e sul LESS. Ecco perchè hanno eliminato la possibilità di cambiare i colori dal pannello di controllo.
Per modificare il colore dell'header devi creare un nuovo file css che nominerai nomedeltemplate-custom.css (se usi il template di default sarà gantry-custom.css), nella cartella template/nometemplate/css ed inserire li i parametri.
Per l'header sono:
:
#rt-header {background-color: #000000;} /*ovviamente devi modificare il colore*/
#rt-header .rt-container {background-color: #000000;}

La prima riga ti consente di cambiare il colore a tutta la fascia dell'header, mentre la seconda cambia il colore alla parte centrale della fascia.
Spero di esserti stato utile.
: Re:Cambiare sfondo e altezza header con Template Gantry
: robrob 21 Sep 2012, 00:36:40
Utilissimo, grazie.
Ho cambiato anche l'altezza dell'header inserendola nel #rt-header.


Ora ho il logo molto in alto ma ci lavoro.


Grazie
Ciao

: Re:Cambiare sfondo e altezza header con Template Gantry
: apagano 21 Sep 2012, 23:04:21
Figurati. Puoi cambiare il titolo aggiungendo [Risolto]?
: [RISOLTO] Re:Cambiare sfondo e altezza header con Template Gantry
: robrob 22 Sep 2012, 00:55:46
ciao
: Re:Cambiare sfondo e altezza header con Template Gantry
: ikar 09 Nov 2012, 09:23:33
Utilissimo, grazie.
Ho cambiato anche l'altezza dell'header inserendola nel #rt-header.


Ora ho il logo molto in alto ma ci lavoro.


Grazie
Ciao

In che modo hai cambiato l'altezza?
: Re:[Risolto] Cambiare altezza header con Template Gantry
: francescoloss 09 Feb 2013, 11:31:08
buon giorno :)
Stò utilizzando gantry,vorrei aumentare l'altezza del modulo rt top,in modo da visualizzare la fotografia che ho inserito.Qesto è il sito  www.usvanoi.it  Come vedete spunta solo la punta della montagna ;D .
Vi ringrazio!
: Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
: apagano 11 Feb 2013, 09:56:24
buon giorno  Stò utilizzando gantry,vorrei aumentare l'altezza del modulo rt top,in modo da visualizzare la fotografia che ho inserito.Qesto è il sito  www.usvanoi.it  Come vedete spunta solo la punta della montagna  .Vi ringrazio!
Hai già risolto? non vedo il problema...comunque basta che aggiungi l'altezza sulla riga 4 del tuo gantry-custom.css
: Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
: blackeagle 13 Feb 2013, 12:43:35
Ciao, seguendo le istruzioni sopra ho cambiato il colore di sfondo dell'header, creando il file gantry-custom.css adesso però, utilizzando il menu di gantry che è di colore grigio scuro mi stona con il colore dello sfondo dell'header, come posso cambiare anche il colore del menu? Qual'è il css del gantry template di default? Nella cartella css attualmente ci sta solo il gantry-custom da me creato con le 2 righe dell'header.
Ciao e grazie
: Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
: xplosion 13 Feb 2013, 13:02:57
Qual'è il css del gantry template di default?
Non esiste un css di default. Gantry utilizza LESS , in pratica una specie di CSS dinamico in cui si possono utilizzare variabili, funzioni e operazioni. Per farti un ideea dai un'occhiata nella cartella /templates/[nometemplate]/less.
Ti consiglio comunque di leggere la documentazione ufficiale dove è spiegato come funziona.
: Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
: blackeagle 13 Feb 2013, 17:24:48
Non esiste un css di default. Gantry utilizza LESS , in pratica una specie di CSS dinamico in cui si possono utilizzare variabili, funzioni e operazioni. Per farti un ideea dai un'occhiata nella cartella /templates/[nometemplate]/less.
Ti consiglio comunque di leggere la documentazione ufficiale dove è spiegato come funziona.


 ;D  ci hanno semplificato la vita!  :'(
Grazie e ciao
: Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
: stelici 25 Jun 2013, 10:23:54
Non esiste un css di default. Gantry utilizza LESS , in pratica una specie di CSS dinamico in cui si possono utilizzare variabili, funzioni e operazioni. Per farti un ideea dai un'occhiata nella cartella /templates/[nometemplate]/less.
Ti consiglio comunque di leggere la documentazione ufficiale dove è spiegato come funziona.

riprendo il topic per non aprirne uno nuovo, visto che l'argomento è lo stesso

la documentazione di cui parli è reperibile sul loro sito. Non lo ancora trovata
: Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
: xplosion 25 Jun 2013, 18:59:34
la documentazione di cui parli è reperibile sul loro sito. Non lo ancora trovata
Hanno aggiornato pure loro la location della documentazione nel fra tempo. Ora si trova su github:
https://github.com/gantry/docs (https://github.com/gantry/docs)


Ciao