Modificare l'immagine di sfondo del template

[paulette_italy]

Buongiorno a tutti,


sto utilizzando il template afterburner2, che ha uno sfondo completamente bianco.


Vorrei impostare, al posto del bianco, un'immagine di sfondo; all'interno della cartella templates/system/css trovo tutti questi file:
editor.css
error.css
error_rtl.css
general.css
offline.css
offline_rtl.cc
system.css
toolbar.css


Quale di questi file esattamente devo modificare e qual'è il codice corretto da inserire, per impostare un'immagine che ho già caricato nella cartella images?


Grazie per l'aiuto

[adottauncane]

Ciao,
non puoi farlo da backend? Controlla e, se non puoi, metti un link al sito e in nome dell'immagine che hai caricato come sfondo.

[paulette_italy]

No, in backend non si può impostare nemmeno un colore diverso dal bianco come sfondo.


Ecco il link al sito: http://www.controscenascuoladimusical.com/


e l'immagine l'ho chiamata semplicemente "sfondo.jpg" e si nel percorso htdocs/images

[adottauncane]

Non trovo il percorso dell'immagine, quindi ho messo un'altra immagine con il percorso assoluto.
Non conosco Gantry ma credo che ci sia la possibilità di inserire il css da qualche parte in backend o di creare un file custom.css

Comunque, il css è questo, devi sostituire al percorso assoluto il nome della tua immagine:

Codice: [Seleziona]

body {
background-image: url(http://www.controscenascuoladimusical.com/images/CONTROSCENA.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
Puoi anche provare a metterlo al fondo di general.css, se non funziona lo togli. Fai un refresh della pagina.

[paulette_italy]

niente, ho provato in tutti i modi, ho aggiunto il codice in tutti i file css che ho trovato, ne ho pure creato uno personalizzato ma nulla... 

[adottauncane]

Il modo per aggiungere un file custom.scss a Gantry lo trovi descritto qui:
http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
Hai fatto così?
E sul quel file hai inserito il codice?

Inoltre da backend devi togliere il bianco #FFFFFF nello stile del fondo, altrimenti lo copre.

[paulette_italy]

si, ho fatto l'override esattamente come indicato nel supporto di Gantry ma nulla.


Inoltre, questo template sembra immodificabile anche senza override! nel file editor.css trovo questo:



body {
   background: #fff;
   font-family: Tahoma,Helvetica,Arial,sans-serif;
   line-height: 1.3em;
   font-size: 76%;
   color: #333;
}


che dovrebbe essere l'istruzione principale; andando a modificare il colore nel file .css comunque lo sfondo del template rimane bianco! sembra non ci sia verso... ci sono altri file dove potrebbero essere inseriti i codici di impostazione del template?


E non trovo nemmeno il comando per ricompilare il css...

[adottauncane]

Non si possono modificare i file. Probabilmente Ricompila CSS lo trovi solo se sei in modalità Development.
Il bianco di sfondo lo togli da qui in Style
I css che ti ho scritto lo metti nel file custom.css

[paulette_italy]

Nel frattempo ho scoperto come modificare il bianco di sfondo: nel file style.less trovo questo blocco:



// Main Section ----------------
@mainbackground:      #FFFFFF;
@maintext:                      #9399A1;
@maintitle:         #32373D;
@mainborder:         #EFEFEF;
@linkcolor:                      #000066;


e da qui sono riuscita ad impostare il background in vari colori modificando l'esadecimale di @mainbackground.


Sempre nel file style.less trovo queste righe di codice:



// Core
body {
   background: @mainbackground;
   color: @maintext;
}


che richiamano il bianco di @mainbackground.


Quindi bisognerebbe modificare il richiamo al @mainbackground sostituendolo con il richiamo all'immagine...

[tomtomeight]

No non modificare mai quei file, perderesti le modifiche al primo aggiornamento, inserisci semore le modifiche nel file custom.css inserito nel giusto percorso. Trovi il recompile css nella scheda style del template corrente e con la modalità production attivata. In modalità development non serve ricompilare.

[paulette_italy]

si, lo so, ma davvero non riesco a trovare il file .css che regola lo sfondo per impostare il trasparente o anche solo un colore diverso!

[tomtomeight]

Se il file custom.css non esiste crealo nella cartella del template percorso custom crei una cartella scss (se non già presente) ed all'interno carichi un file custom.scss (si hai letto bene custom.scss ma le istruzioni che ci metti sono uguali ai normali css).

Non ti dimenticare poi di ricompilare come spiegato sopra.

[paulette_italy]

Il file custom.scss e la cartella scss con il css indicatomi nelle risposte precedenti lo avevo già inserito, ma pare non funziona.


Il punto è che non capisco nemmeno quale sia il file css che imposta il bianco

[tomtomeight]

Non importa quale sia il file che vuoi sovrascrivere le regole css, basta metterle nel custom.scss e magari aggiungi pure, se serve, !important, queste regole aggiunte al custom prevarranno sempre, ma devi  ricompilare nella sezione dello stile in uso, anzi se ricompili anche su tutti gli stili, se serve, è meglio.

[paulette_italy]

non ho un pulsante "ricompila" da nessuna parte

[adottauncane]

Il bianco lo togli dal backend, come ti ho fatto vedere nell'immagine... Non hai quelle opzioni? Hai controllato?

[tomtomeight]

Se hai gantry5 deve esserci, vedi nella scheda style è lì, poi se scendi in basso puoi fare molti settaggi diretti come ti è stato suggerito da adottauncane.

[paulette_italy]

La versione di Gantry è la 4.1.31. Questo è quello che vedo io nella sezione stile:

[adottauncane]

Se mi dai l'accesso in PM provo a darci un'occhiata.

[tomtomeight]

Ecco perché non lo trovavi, la versione 4 di gantry è completamente diversa cosi pure per il custom.css.