Cassiopeia Menufarbe anpassen

Kike · 17. März 2022

Ich finde Cassiopeia recht schnell und im Grunde reicht es für meine Zwecke voll aus.

Man kann das Menu in blau oder rot (alternativ) einstellen. Ich hätte aber gerne grün
Die Seite: https://pension-grueneinsel.de/

Dazu habe ich in /media/templates/site/cassiopeia/css/global/colors_standard.css ddie ersten beide Werte geändert.

Code

:root {
--cassiopeia-color-primary: #109500;
--cassiopeia-color-link: #109500;
--cassiopeia-color-hover: #424077;
}

Aber, die Änderung wird nicht sichtbar. Steht die Farbe noch woanders?

(Habe es auch im Backend gesucht und unter Template stehen dann auch genau die von mir veränderten Werte.)

Lui_brempt · 17. März 2022

Mach es in einer user.css

Kike · 17. März 2022

Zitat von Lui_brempt

in einer user.css

Habe in media/templates/site/cassiopeia/css/user.css folgendes eingetragen

Code

:root {
--cassiopeia-color-primary: #109500;
--cassiopeia-color-link: #109500;
--cassiopeia-color-hover: #424077;
}

Muss ich nochwas machen? Eine Änderung sehe ich nicht.

christine2 · 17. März 2022

Zitat von Kike
Code
:root {
--cassiopeia-color-primary: #109500;
--cassiopeia-color-link: #109500;
--cassiopeia-color-hover: #424077;
}
Muss ich nochwas machen? Eine Änderung sehe ich nicht.

Nö, brauchst nur ausbessern Du hast derzeit in der user.css statt :root stehen :body

Liebe Grüße

Christine

Kike · 18. März 2022

ändert leider auch nichts. Menuleiste bleibt blau

Stef · 18. März 2022

Zitat von Kike

ändert leider auch nichts. Menuleiste bleibt blau

Folgender Code in der user.css einfügen:

CSS

.container-header {
  background-color: #2a6409!important;
  background-image: none!important;
}

Kike · 18. März 2022

exklusiv oder mit meinem Code?

Habe nun folgendes erprobt:

CSS

:body {
.container-header {
background-color: #2a6409!important;
background-image: none!important;
--cassiopeia-color-primary: #109500;
--cassiopeia-color-link: #109500;
--cassiopeia-color-hover: #424077;
}

=> keine Änderung

CSS

:body {
.container-header {
background-color: #2a6409!important;
background-image: none!important;
}

Keine Änderung

JoomlaWunder · 18. März 2022

Folgendes funktioniert auf jeden Fall:

CSS

.container-header {
  background-color: #2a6409!important;
  background-image: none!important;
  --cassiopeia-color-primary: #109500;
  --cassiopeia-color-link: #109500;
  --cassiopeia-color-hover: #424077;
}

Siehe auch #4! (dein :body ist da falsch)

EDIT: Zeile 4-6 natürlich auch noch entfernen!

Stef · 18. März 2022

Siehe #6

Ohne :body {

nur wie im #6

Stef · 18. März 2022

Der ganzen user.css Code sieht dann so aus:

CSS

:body {
  --cassiopeia-color-primary: #109500;
  --cassiopeia-color-link: #109500;
  --cassiopeia-color-hover: #424077;
}

.container-header {
  background-color: #2a6409!important;
  background-image: none!important;
}

Kike · 18. März 2022

Keine Änderung.

Das ist schon kurios. Irgendwo muss es überschrieben werden, bzw. vielleicht muss die user.css aktiviert werden?

ich habe sie nun mal im Ahnahg, und habe aber ein txt angehängt, da man css nicht hochladen kann, also nicht wundern.

Die Datei steht in https://pension-grueneinsel.de…ates/site/cassiopeia/css/

Allerdings ist der direkte Aufruf per Browser nicht möglich, wie es scheint.

Stef · 18. März 2022

Zitat von Kike

Keine Änderung.

Doch ! Du musst den Cache "Browsercache" löschen !!!

Kike · 18. März 2022

Wow. das wars. Danke. Dann kann ich jetzt mal experimentieren. Danke!

Die Farben für die Links werden leider nicht übernommen. Hast Du da auch noch eine Idee?

Stef · 18. März 2022

Diesen Code NACH dem bestehenden Code in der user.css einfügen:

Code

a {
  color: #2a6409;
}

a:focus, a:hover {
  color: #2a6409;
}

Kike · 18. März 2022

Passt prima. Dank Dir.

Ich habe noch eine weitere Frage zum Template, aber dafür mache ich einen neuen Thread auf.