Autore Topic: Cambiare il colore della pagina del template protostar  (Letto 219 volte)

Offline Valgo54

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

Offline Limma

  • Appassionato
  • ***
  • Post: 551
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #1 il: 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:

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...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 18278
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
    • Demo iCagenda
Re:Cambiare il colore della pagina del template protostar
« Risposta #2 il: 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.
« Ultima modifica: 10 Nov 2017, 13:30:09 da giusebos »
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #3 il: 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:

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]

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #4 il: 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




Offline Limma

  • Appassionato
  • ***
  • Post: 551
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #5 il: 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".

Offline Valgo54

  • Nuovo arrivato
  • *
  • Post: 7
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #6 il: 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   

Offline Limma

  • Appassionato
  • ***
  • Post: 551
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #7 il: 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.

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...  ;)

Online tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 27922
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
    • Xataface Italia
Re:Cambiare il colore della pagina del template protostar
« Risposta #8 il: 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.
NEWS DataGrill Xataface Installer (Ver. 1.0.1) per Joomla 3.6 ed un Gestione Magazzino

Offline Limma

  • Appassionato
  • ***
  • Post: 551
  • Sesso: Maschio
    • Mostra profilo
Re:Cambiare il colore della pagina del template protostar
« Risposta #9 il: 13 Nov 2017, 21:50:29 »

Salvo perdere il richiamo al primo aggiornamento.

Ma non ti sfugge proprio nulla, eh!  ;D

 

Torna su