[RISOLTO]Cambiare il colore della pagina del template protostar

[Valgo54]

Ho la versione Joomla! 3.8.1 , sto preparando un sito in locale
Vorrei cambiare il colore alla pagina iniziale del sito che è di colore bianco
Già provato a cambiare nel template.css le istruzioni background-color in body.site, body.container ma niente….
Utilizzo fluid layout = “static” , provato anche fluid.
Ho letto parecchi post.Mi potete aiutare, ci sto perdendo una cifra di tempo
Grazie mille

[Limma]

Se modifichi direttamente il file template.css (ma sarebbe meglio usare lo user.css di Protostar) come già sai ti trovi questa classe:

Codice: [Seleziona]

.body .container {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
Modificando la regola background-color: #fff; con il colore che vuoi tu, non funziona?
Dovrebbe...

[giusebos]

se vuoi cambiare il colore solo alla pagina iniziale, dai un suffisso alla voce di menù e poi con una regola specifica css cambi colore.

[Valgo54]

Se modifichi direttamente il file template.css (ma sarebbe meglio usare lo user.css di Protostar) come già sai ti trovi questa classe:

Codice: [Seleziona]

.body .container {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.05);
}
Modificando la regola background-color: #fff; con il colore che vuoi tu, non funziona?
Dovrebbe...

ciao ,E' la prima volta che rispondo a un post in questo sito, spero di non sbagliare..
[/size]Ho cambiato il background-color in body e non .body .container.Ha funzionato.Al momento però ho solo la home page .
[/size]Avendo altre pagine quale la miglior cosa da fare , non mi è chiara la risposta di giusebos
[/size]Grazie
[/size]

[Valgo54]

ho modificato il valore di background-color in body , non in .body .container,e funziona.
Al momento ho solo la home page , se volessi mantenere lo stesso colore di sfondo per tutte le pagine come è meglio procedere?
Non mi è molto chiara la risposta di giusebos.
Grazie
ciao

[Limma]

ho modificato il valore di background-color in body , non in .body .container,e funziona.

Nel tuo primo post non era così chiaro cosa intendevi per "pagina", almeno a me...
Pagina è un termine che può essere alquanto ambiguo.
In ogni caso, l'istruzione che ti avevo scritto riguarda l'"area dove appaiono i contenuti" (container), lasciando il colore del body-background inalterato

Al momento ho solo la home page , se volessi mantenere lo stesso colore di sfondo per tutte le pagine come è meglio procedere?

Non so dove hai scritto la regola che stabilisce il nuovo colore della pagina, ma, una volta impostato funzionerà per tutte le altre pagine del sito.

Non mi è molto chiara la risposta di giusebos.

La risposta di giusebos ha proprio a che fare con quello che ho scritto qui sopra.
Se vuoi un colore (qualunque esso sia) uguale per tutte le pagine sei a posto, altrimenti puoi creare una "classe-colore" personalizzata per ciascuna pagina; classe che sarà applicata direttamente nella voce di menu collegata alla voce "classe pagina" del tab "visualizzazione pagina".

[Valgo54]

Ciao,
scusa hai ragione pago lo scotto di essere nuovo di joomla!. Il colore dell'area dove appaiono i contenuti è stato modificato grazie al cambio del background-color in ".body .container" e non in "body".Non conosco lo user.css... , mi sono creato un "personal.css" che richiamo dall'index del template protostar.
Grazie per le dritte   

[Limma]

Non conosco lo user.css... , mi sono creato un "personal.css" che richiamo dall'index del template protostar.

Si tratta semplicemente del file utilizzabile per le modifiche ai css del template, file che è già richiamato di default nell'index.php di Protostar.

Codice: [Seleziona]

// Check for a custom CSS file
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));

Ma va da sè che quello che hai fatto tu è assolutamente lo stesso... 

[tomtomeight]

Ma va da sè che quello che hai fatto tu è assolutamente lo stesso... 

Salvo perdere il richiamo al primo aggiornamento.

[Limma]

Salvo perdere il richiamo al primo aggiornamento.

Ma non ti sfugge proprio nulla, eh!