Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : umboz 19 Apr 2016, 11:37:44

: [RISOLTO]Modifica del custom.scss gantry 5 hydrogen
: umboz 19 Apr 2016, 11:37:44

Salve a tutti sto utilizzando il template hydrogen di gantry 5. Vorrei poter inserire un background in tutte le parti del layout. Dopo svariati tentativi e consigli ho creato la cartella scss dentro la cartella custom del template, all'interno del quale ho creato il file custom.scss. Ho creato la mia regola:


.umbo {
Background-image: url("/joomla/templates/g5_hydrogen/images/ipad.png");
Background-position: center;
Background-repeat: no-repeat;
}


dopo sono andato nelle opzioni dello showcase e ho scritto nel campo CSS CLASSES umbo( nome della regola).
ho ricompilato il css nella sezione styles ma purtroppo il file si vede ripetuto  e non centrato. Qualche soluzione?  Il sito in prova č questo: http://misterbiscottinoprova.altervista.org/joomla/ (http://misterbiscottinoprova.altervista.org/joomla/)

: Re:Modifica del custom.scss gantry 5 hydrogen
: adottauncane 19 Apr 2016, 14:00:31

Ciao umboz,
prova cosė:

:

.umbo .section-background {
  Background-image: url('../../../../joomla/templates/g5_hydrogen/images/ipad.png');
  Background-position: center;
  Background-repeat: no-repeat;
}
o cosė:

:

.umbo .section-background {    background-position: center center;    background-repeat: no-repeat;}

: Re:Modifica del custom.scss gantry 5 hydrogen
: umboz 19 Apr 2016, 21:39:20

Sei un genio! Risolto con il primo codice! ma se volessi che l'immagine si adattasse allo spazio senza lasciare margini??


Metto risolto. Grazie ancora!

: Re:[RISOLTO]Modifica del custom.scss gantry 5 hydrogen
: adottauncane 19 Apr 2016, 21:48:47

Prova cosė:

:

.umbo .section-background {    background-position: center center;    background-repeat: no-repeat;    background-size: cover;}

: Re:[RISOLTO]Modifica del custom.scss gantry 5 hydrogen
: umboz 19 Apr 2016, 21:53:17

Grande! solo che c'č un problemino su mobile non č adattata. diciamo che potrebbe andare bene anche cosė ma se riuscissimo ad adattarla sarebbe il massimo.

: Re:[RISOLTO]Modifica del custom.scss gantry 5 hydrogen
: adottauncane 20 Apr 2016, 12:49:47

Mmmm, dovresti scrivere un css @media ma dato che lo spazio č molto lungo e stretto non so come potresti fare per adattarla.

: Re:[RISOLTO]Modifica del custom.scss gantry 5 hydrogen
: umboz 20 Apr 2016, 14:33:22

Mm ho capito ti ringrazio lo stesso per il grande aiuto  ;D ;D

Ma nessun altro ha una soluzione?