Back to top

Autore Topic: [RISOLTO] modifica layout template gantry  (Letto 7137 volte)

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] modifica layout template gantry
« il: 08 Mar 2016, 14:37:29 »
Buongiorno, avrei la necessità di modificare l'altezza del modulo "Header" del template gantry.

Da dove posso intervenire?

Il sito è www.pietroloschi.it

Avrei bisogno di rendere più grande l'immagine in alto a destra.

Grazie mille!
« Ultima modifica: 09 Mar 2016, 09:50:54 da zacca »

adottauncane

  • Visitatore
Re:modifica layout template gantry
« Risposta #1 il: 08 Mar 2016, 15:21:55 »
Ciao zacca,
se da backend non hai la possibilità, verifica, puoi mettere nel file costum_19.css

Codice: [Seleziona]
.gantry-logo img {
    width: 50%;
}

e poi regoli la percentuale come serve.

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #2 il: 08 Mar 2016, 15:57:40 »
non cambia nulla!

Ho fatto così:

/* line 1, /web/htdocs/www.pietroloschi.it/home/templates/g5_hydrogen/custom/scss/custom.scss */
#g-main {
  padding: 0
   
}

.gantry-logo img {
    width: 50%;
}

adottauncane

  • Visitatore
Re:modifica layout template gantry
« Risposta #3 il: 08 Mar 2016, 16:01:44 »

se da backend non hai la possibilità, verifica, puoi mettere nel file costum_19.css


Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #4 il: 08 Mar 2016, 16:14:41 »
io h inserito quelle stringhe direttamente del file costum_19.css

adottauncane

  • Visitatore
Re:modifica layout template gantry
« Risposta #5 il: 08 Mar 2016, 16:28:25 »
Però on-line non ci sono...
Se le metti con firebug l'effetto è questo.

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #6 il: 08 Mar 2016, 17:03:11 »
Io non so usare firebug....
Sono andato direttamente nel ftp del sito in: /templates/g5_hydrogen/custom/css-compiled
e ho modificato il file custom_19.css anche come ostrato in figura che mi hai allegato.

Poi sono andato nelle impostazioni del template, ho fatto ricompila css e ho salvato..... non cambia nulla!

adottauncane

  • Visitatore
Re:modifica layout template gantry
« Risposta #7 il: 08 Mar 2016, 17:50:45 »
Non so cosa sbagli nel mettere il css nel file e poi salvarlo... Però on-line non c'è, quindi non viene salvato.

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #8 il: 08 Mar 2016, 18:03:06 »
ma il percorso del file che ho indicato è esatto?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #9 il: 08 Mar 2016, 19:08:14 »
ciao scusate se mi "infilo", se inserisci regole css sui file css dei template di gantry 5 le perdi, gantry compila i css e appena svuoti la cache ne ricompila uno nuovo e non ci saranno piu quelle regole, per regole css personalizzate devi creare un file custom.scss ed inserirlo nella cartella templates/tuotemplate/custom/scss se non c'è la devi creare, poi clicchi su ricompila css nel pannello di controllo di gantry, ma per questo caso specifico non ne hai bisogno, puoi fare tutto al tab layout, andando ad agire sulle singole posizioni modulo, o sull'intero settore, chiamiamolo cosi non ricordo il nome preciso, in cui ci sono i moduli, cliccando sul ingranaggio della singola posizione modulo alla finestra che si apre al tab Block hai il campo per inserire regole css, o anche il campo variations li ci sono delle "regole" preconfigurate che andranno ad agire solo su quella posizione modulo, stessa cosa per l'intero settore, puoi provare cominciando ad impostare nel campo Variations, no margin o no padding o entrambi

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #10 il: 08 Mar 2016, 21:48:29 »
Io ho giá un file custom.css nel sito, in una cartella.... cosa faccio?! Continuo a scrivere i codici che mi han suggerito all'interno del file custom.css o devo crearne uno nuovo?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #11 il: 09 Mar 2016, 08:48:04 »
se lo hai già fatto dopo devi andare nel pannello di controllo e ricompilare il css

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #12 il: 09 Mar 2016, 09:13:12 »
io quel file lo avevo fatto per altre cose.
Chiedevo se per la modifica del layout del logo devo creare un nuovo file o continuo a scriverci dentro.

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #13 il: 09 Mar 2016, 09:45:14 »
Non dovete guardare cosa c'è nella cartella css-compiled. Questi sono file CSS gia compilati.
Mi ricordo che anche in un'altro topic un utente aveva lo stesso problema della grandezza del logo.

Prima di tutto, togliete la classe gantry-logo dal layout manager del tuo outline.
Secondo, tutte le modifiche e personalizzazioni non si fanno sui file CSS. Invece in Gantry 5 si deve creare un file custom.scss in templates\g5_hydrogen\custom\scss\ e qui vengono inserite le modifiche.
Ricordatevi di ricompilare alla fine.

Se viene visualizzato in frontend il codice personalizzato ma non è interpretato, aggiungete un !important alla fine.

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:modifica layout template gantry
« Risposta #14 il: 09 Mar 2016, 09:50:25 »
Fatto! Perfetto!
Grazie Mille!

Offline zacca

  • Appassionato
  • ***
  • Post: 443
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] modifica layout template gantry
« Risposta #15 il: 09 Mar 2016, 11:40:25 »
Avrei bisogno di un'ultima informazione.

Posso mettere anche il codice all'interno del file il codice per un'immagine di sfondo negli articoli?

Offline prankster

  • Appassionato
  • ***
  • Post: 453
  • Sesso: Maschio
    • Mostra profilo
Meglio dire niente che cose da niente.

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4047
  • Sesso: Maschio
    • Mostra profilo

Offline prankster

  • Appassionato
  • ***
  • Post: 453
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] modifica layout template gantry
« Risposta #18 il: 14 Mar 2016, 10:08:02 »
Off topic

Si, beccati addirittura sta santificazione.
A mio umile giudizio c'è chi ti risponde ad minchiam per totalizzare un post in più e chi cerca più o meno pazientemente di darti la canna da pesca in mano.
Meglio dire niente che cose da niente.

 



Web Design Bolzano Kreatif