Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : Phoenyx85 27 Jan 2021, 13:46:02
-
Salve a tutti,
Ho un problema che non riesco a risolvere in nessun modo, sto iniziando a sentirmi veramente ignorante (e probabilmente è così).
Nelle pagine del sito (non posso linkarlo perchè ancora in locale), se il contenuto è minimo il footer sale a metà schermo lasciando alla base una striscia bianca. Ho provato a modificare i css di hydrogen ma credo di star sbagliando qualcosa.
Provando da ispeziona di google mi aggancia il footer alla base solo con il tag "min-height:100vh" (che non risolverebbe la situazione in quanto mi fa un footer enorme) ma quando vado a inserirlo sul css non cambia nulla.
C'è un'impostazione direttamente dal backend che sto ignorando o sto scrivendo sui css sbagliati?
Grazie in anticipo.
-
Su qual css scrivi le modifiche?
-
C'è un'impostazione direttamente dal backend che sto ignorando o sto scrivendo sui css sbagliati?
In pratica non devi scrivere nulla sui file CSS perché generati e perdi tutte le modifiche, invece devi farlo inserendo le tue istruzioni CSS personalizzate sul file "custom.scss" che dovrebbe trovarsi su g5_hydrogen\custom\scss. Se non c'è (il file) lo devi creare tu.
-
Grazie a tutti per le risposte
Ho trovato il file custom.scss, ci sono una serie di import. Ora provo a implementarlo, speriamo bene
-
Nulla. O starò sbagliando il codice o qualcosa mi sfugge.
-
Dopo aver salvato il file custom.scss devi andare in amministrazione template e "compilare" il file, ci sta l'apposito button per farlo, oppure se devi fare molte modifiche imposta il modo "sviluppo". I nomi potrebbero essere differenti da come li ricordo.
-
Se il contenuto della pagina è "minimo" è inevitabile che il footer "risalga" a metà schermo (o in qualunque altra posizione, dipendentemente dalla risoluzione verticale del display dove la pagina viene visualizzata).
Una soluzione, alquanto semplice, è quella di impostare una classe css per quella pagina, con la quale classe imposterai un'altezza minima della sezione sopra al footer (diciamo quella dove compare l'articolo), ricacciando così il footer a fondo pagina.
Edit: link rimosso.
-
Grazie mille a tutti per le risposte preziosissime.
Dopo aver salvato il file custom.scss devi andare in amministrazione template e "compilare" il file, ci sta l'apposito button per farlo, oppure se devi fare molte modifiche imposta il modo "sviluppo". I nomi potrebbero essere differenti da come li ricordo.
Infatti c'è la voce "recompile css". Fatto quello il risultato ora è perfetto, grazie mille per la risposta e la pazienza.
Se il contenuto della pagina è "minimo" è inevitabile che il footer "risalga" a metà schermo (o in qualunque altra posizione, dipendentemente dalla risoluzione verticale del display dove la pagina viene visualizzata).
Una soluzione, alquanto semplice, è quella di impostare una classe css per quella pagina, con la quale classe imposterai un'altezza minima della sezione sopra al footer (diciamo quella dove compare l'articolo), ricacciando così il footer a fondo pagina.
Qui un esempio fatto al volo (https://disegnareilweb.it/separatore/uno/art1.html) (pagina con contenuto davvero minimo).
Grazie Limma, avevo già apportato modifiche al css, purtroppo agivo o su quello sbagliato o non ricompilandolo. Ora ho risolto, grazie mille