Template cassiopeia cambiare colori testo e footer con css Topic is solved

[michymouse]

Ciao a tutti,
sono nuovo della nuova versione di Joomla. Ho installato la versione 4.1.0 aggiornata in data 23/02/2022 e non riesco ancora a trovare dove deve essere scritto il codice che attualmente rende il footer blu con testo bianco ed a me servirebbe giallo con testo nero. Ho letto su alcuni forum che dovevo creare il file user.css ed il header sono riuscito, ma la parte sotto non riesco ad inserirla come vorrei che diventasse.
NON conosco il codice e neppure le strutture dei file css. Vediamo se trovo qualcuno che riesce a darmi qualche spiegazione per capire il codice scritto e quello che dovrei fare per realizzare le modifiche che mi servono. Grazie a tutti.

[alexred]

Ciao michymouse,
difficile che qualcuno in questo post ti possa insegnare a leggere e modificare il codice, ci vuole studio e pratica. Puoi ricevere forse qualche indicazione o suggerimento.
Prova ad inserire il link alla pagina che desideri modificare e specificare molto bene quello che vuoi modificare, ma tutto cambia da template e template

[michymouse]

La pagina è questa www.amnesty243.it ed header è corretto e vorrei che anche il footer ed anche il tasto accedi fosse stesso colore giallo con testo nero. Grazie a tutti.
Maurizio

[alexred]

situazione parecchio complicata a quanto pare.
Parlando del colore del footer il file su cui intervenire è questo:
https://www.amnesty243.it/media/templat ... te.min.css
dovresti riuscire a trovarlo via FTP
la classe su cui intervenire è: background-image
dove ci trovi i valori dell'attuale blu da sostituire.

Ma come vedi è un file CSS compattato per non si sa bene quale motivo.... per semplicità dovresti richiedere allo sviluppatore del template se ti fornisce il CSS normale da sostituire a questo e dove sia più agevole poter lavorare

[michymouse]

Grazie Alexred. Si tratta del template standard di joomla 4.
NON so chi sia lo sviluppatore. Ho provati a fare tutte le modifiche del caso, ma senza riuscirci perchè va a leggere non so quale impostazione primaria.
Anche il testo mi servirebbe in nero per fare in modo che venga così, per esempio,

Code: Select all

<div class="form-group">
                                <input type="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" class="form-control" name="email" placeholder="La tua Email">
                            </div>
                            <button class="btn btn-yellow text-uppercase bg-yellow txt-black " type="submit">iscriviti</button>
                        </div><!-- /input-group -->

preso dalla pagina https://www.amnesty.it/

[RoscioZ]

Ciao, non è difficile è la stessa cosa che hai fatto per l'header, il codice "originale" del footer è questo, modificalo ed inseriscilo su user.css

Code: Select all

.footer {
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
  color: #fff;
  margin-top: 1em;
}

piu o meno per avere gli stessi colori del sito amnesty ufficiale il codice dovrebbe essere cosi

Code: Select all

.footer {
  background-color: #FFFF00;
  background-image: none;
  color: #000000;
  margin-top: 1em;
}

[michymouse]

Ciao RoscioZ, ho provato a fare come mi hai suggerito ma non cambia nulla.
Inoltre mi rimane il problema del testo del footer che deve essere nero ed anche dentro il tasto accedi che deve essere nero e non bianco.
Avevo fatto già queste prove, ma non succede nulla.

[RoscioZ]

Ciao, penso che sia dovuto al ID non corretto, comunque ho dato una letta veloce alla docu di cassiopeia e c'è un metodo migliore ed anche piu veloce, fai cosi vai nella cartella /media/templates/site/cassiopeia/css/global e crea un file css chiamalo custom_colors_giallo.css ed aggiungici questa regola:

Code: Select all

:root {
  --cassiopeia-color-primary: #ffff00;
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover: #ffff00;
}

tu l'hai inserita nel file user.css che penso potrebbe anche andare bene ma manca :root quindi diventa inutile.
una volta creato il file custom..., con inserita la regola scritta sopra, vai nel pannello di controllo di joomla sistema/stili template sito e clicca su cassiopeia - default, nella pagina che si apre vai al TAB avanzate scorri verso il basso trovi Tema colore, dal menu a tendina seleziona custom_colors_giallo, torna in alto e salva! se hai fatto tutto correttamente troverai tutti gli sfondi gialli, anche il punlsante accedi. Ora devi scrivere le regole per il colore del testo, che inserirai sul file user.css, per il footer dovrebbe essere cosi, questo ancora non l'ho testato l'ID comunque dovrebbe essere corretto

Code: Select all

.container-footer {
color: #000;
}

per il testo del pulsante accedi

Code: Select all

.btn-primary {
  color: #000;
}

[RoscioZ]

RiCiao, allora le regole per il testo hanno bisogno di !important per avere la priorità su quelle di default, quindi sono cosi:

Code: Select all

.container-footer {
color: #000 !Important;
}

.btn-primary {
  color: #000 !Important;
}

volendo puoi anche mettere tutto sullo stesso file! per fare il test le ho inserite sul custom_colors_giallo.css

[michymouse]

Grazie RoscioZ, a me non funziona ancora.
NON capisco il motivo.

[michymouse]

RiCiao, allora le regole per il testo hanno bisogno di !important per avere la priorità su quelle di default, quindi sono cosi:

Code: Select all

.container-footer {
color: #000 !Important;
}

.btn-primary {
  color: #000 !Important;
}

volendo puoi anche mettere tutto sullo stesso file! per fare il test le ho inserite sul custom_colors_giallo.css

RoscioZ non mi effettua nessuna modifica.
Non capisco che cosa possa essere

[michymouse]

Grazie RoscioZ

Ci sono riuscito
Grazie.

[michymouse]

RiCiao, allora le regole per il testo hanno bisogno di !important per avere la priorità su quelle di default, quindi sono cosi:

Code: Select all

.container-footer {
color: #000 !Important;
}

.btn-primary {
  color: #000 !Important;
}

volendo puoi anche mettere tutto sullo stesso file! per fare il test le ho inserite sul custom_colors_giallo.css

Ciao RoscioZ,
Ci sono riuscito. Ma dove hai trovato la documentazione del template Cassiopeia? io non riesco a trovarla e mi piacerebbe capirci qualche cosa di più viste le grosse potenzialità che possiede Joomla (e che già conoscevo anche se in versioni precedenti) Adesso vorrei mettere menu in alto sotto il logo ma adesso il testo in quella sezione è bianco. Con quale comando lo vado a modificare? Credo sempre sul file user.css? devo usarlo nero #000000.
Grazie.
Maurizio