[RISOLTO]Modifica del custom.scss gantry 5 hydrogen

[umboz]

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/

[adottauncane]

Ciao umboz,
prova così:

Codice: [Seleziona]

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

Codice: [Seleziona]

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

[umboz]

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!

[adottauncane]

Prova così:

Codice: [Seleziona]

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

[umboz]

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.

[adottauncane]

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

[umboz]

Mm ho capito ti ringrazio lo stesso per il grande aiuto 

Ma nessun altro ha una soluzione?