Autore Topic: [Risolto] Cambiare sfondo e altezza header con Template Gantry  (Letto 16137 volte)

Offline robrob

  • Esploratore
  • **
  • Post: 77
    • Mostra profilo
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
« Ultima modifica: 22 Set 2012, 00:56:12 da robrob »

Offline robrob

  • Esploratore
  • **
  • Post: 77
    • Mostra profilo
Re:Cambiare sfondo e altezza header con Template Gantry
« Risposta #1 il: 19 Set 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

Offline apagano

  • Appassionato
  • ***
  • Post: 392
  • Sesso: Maschio
  • Il futuro lo si crea, non lo si subisce
    • Mostra profilo
    • Digedit.it
Re:Cambiare sfondo e altezza header con Template Gantry
« Risposta #2 il: 20 Set 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:
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.
Guarda i nostri lavori e chiedi un preventivo gratuito per il tuo sito professionale: http://digedit.it/siti-web-realizzati.html. Sconti per le web agency.
Guarda i nostri video-tutorial per joomla: www.youtube.com/user/digedit2011

Offline robrob

  • Esploratore
  • **
  • Post: 77
    • Mostra profilo
Re:Cambiare sfondo e altezza header con Template Gantry
« Risposta #3 il: 21 Set 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


Offline apagano

  • Appassionato
  • ***
  • Post: 392
  • Sesso: Maschio
  • Il futuro lo si crea, non lo si subisce
    • Mostra profilo
    • Digedit.it
Re:Cambiare sfondo e altezza header con Template Gantry
« Risposta #4 il: 21 Set 2012, 23:04:21 »
Figurati. Puoi cambiare il titolo aggiungendo [Risolto]?
Guarda i nostri lavori e chiedi un preventivo gratuito per il tuo sito professionale: http://digedit.it/siti-web-realizzati.html. Sconti per le web agency.
Guarda i nostri video-tutorial per joomla: www.youtube.com/user/digedit2011

Offline robrob

  • Esploratore
  • **
  • Post: 77
    • Mostra profilo
[RISOLTO] Re:Cambiare sfondo e altezza header con Template Gantry
« Risposta #5 il: 22 Set 2012, 00:55:46 »
ciao

Offline ikar

  • Nuovo arrivato
  • *
  • Post: 39
    • Mostra profilo
Re:Cambiare sfondo e altezza header con Template Gantry
« Risposta #6 il: 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?

Offline francescoloss

  • Esploratore
  • **
  • Post: 150
    • Mostra profilo
Re:[Risolto] Cambiare altezza header con Template Gantry
« Risposta #7 il: 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!

Offline apagano

  • Appassionato
  • ***
  • Post: 392
  • Sesso: Maschio
  • Il futuro lo si crea, non lo si subisce
    • Mostra profilo
    • Digedit.it
Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
« Risposta #8 il: 11 Feb 2013, 09:56:24 »
Citazione
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
Guarda i nostri lavori e chiedi un preventivo gratuito per il tuo sito professionale: http://digedit.it/siti-web-realizzati.html. Sconti per le web agency.
Guarda i nostri video-tutorial per joomla: www.youtube.com/user/digedit2011

Offline blackeagle

  • Appassionato
  • ***
  • Post: 355
  • Sesso: Maschio
  • Invictus Maneo
    • Mostra profilo
Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
« Risposta #9 il: 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

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
« Risposta #10 il: 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.

Offline blackeagle

  • Appassionato
  • ***
  • Post: 355
  • Sesso: Maschio
  • Invictus Maneo
    • Mostra profilo
Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
« Risposta #11 il: 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

Offline stelici

  • Appassionato
  • ***
  • Post: 391
  • Sesso: Maschio
    • Mostra profilo
    • FantaStelici League
Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
« Risposta #12 il: 25 Giu 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
Ti piace il fantacalcio!!!
Allora vieni a trovarmi su www.fantacalciobazar.altervista.org.
Cerchiamo persone capaci e volenterose per lo sviluppo della nuova piattaforma.

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3778
  • Sesso: Maschio
    • Mostra profilo
    • Documentazione Gantry Framework
Re:[Risolto] Cambiare sfondo e altezza header con Template Gantry
« Risposta #13 il: 25 Giu 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


Ciao

 

Host

Torna su