Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : Valgo54 10 Nov 2017, 07:38:16

: [RISOLTO]Cambiare il colore della pagina del template protostar
: Valgo54 10 Nov 2017, 07:38:16
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
: Re:Cambiare il colore della pagina del template protostar
: Limma 10 Nov 2017, 08:32:21
Se modifichi direttamente il file template.css (ma sarebbe meglio usare lo user.css di Protostar) come già sai ti trovi questa classe:

:
.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...
: Re:Cambiare il colore della pagina del template protostar
: giusebos 10 Nov 2017, 12:27:25
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.
: Re:Cambiare il colore della pagina del template protostar
: Valgo54 13 Nov 2017, 09:22:24
Se modifichi direttamente il file template.css (ma sarebbe meglio usare lo user.css di Protostar) come già sai ti trovi questa classe:

:
.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]
: Re:Cambiare il colore della pagina del template protostar
: Valgo54 13 Nov 2017, 09:27:55

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



: Re:Cambiare il colore della pagina del template protostar
: Limma 13 Nov 2017, 09:41:17
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".
: Re:Cambiare il colore della pagina del template protostar
: Valgo54 13 Nov 2017, 21:13:51
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   
: Re:Cambiare il colore della pagina del template protostar
: Limma 13 Nov 2017, 21:25:08
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.

:
// 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...  ;)
: Re:Cambiare il colore della pagina del template protostar
: tomtomeight 13 Nov 2017, 21:47:24

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


Salvo perdere il richiamo al primo aggiornamento.
: Re:Cambiare il colore della pagina del template protostar
: Limma 13 Nov 2017, 21:50:29

Salvo perdere il richiamo al primo aggiornamento.

Ma non ti sfugge proprio nulla, eh!  ;D