[Risolto] Cambiare sfondo e altezza header con Template Gantry

[robrob]

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

[robrob]

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

[apagano]

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:

Codice: [Seleziona]

#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.

[robrob]

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

[apagano]

Figurati. Puoi cambiare il titolo aggiungendo [Risolto]?

[robrob]

ciao

[ikar]

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?

[francescoloss]

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!

[apagano]

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

[blackeagle]

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

[xplosion]

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.

[blackeagle]

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.

   ci hanno semplificato la vita! 
Grazie e ciao

[stelici]

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

[xplosion]

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


Ciao