Farbe ändern in Position menu und footer in cassiopeia

Baerin

moin zusammen,

ich habe die Farben mit Hilfe des Tools unter https://colours.joomla.com/ geändert. Alles prima bis auf die Schrift bei footer und menu. Weiß auf hellgrau ist nicht gut sichtbar.

An welchem Schräubchen muss ich drehen, damit dies auch in das schöne Blau #0000ff wird.

Matzeweb

Ist zwar noch nicht fertig..... aber kuck mal ob es Dir damit Test (v6.rocks) leichter fällt Die Farben für dein Cassiopeia anzupassen.

Rolf Dautrich

Probiere es mal mit diesem Code in Deiner user.css:

Code

.metismenu.mod-menu {
	color: green;
}
.mod-menu.mod-list.nav {
	color: green;
}

Farbe kannst Du natürlich nach Bedarf anpassen.

Baerin

Moin,

Danke für die Antworten. Bei der Testseite vermute ich mal , dass es mit der user.css zu tun hat. Mit der Sprache hinter den css Dateien bin ich nicht so firm, so dass ich da noch was schwimme. (normales programmieren vor Jahrzehnten mal gelernt)

Hier der Anfang meiner user.css:

:root {
--dark-color: #0000ff;
--light-color: #f9fafb;
--main-background: #ffffff;
--primary-background: #deddda;
--primary-textColor: #0000ff;
--secondary-background: #4d4133;
--secondary-textColor: #f9f06b;
--secondary-color: #0000ff;
--accent-background: #99c1f1;
--accent-textColor: #0000ff;
--primary-gradient: linear-gradient(180deg, #9a9996, #f6f5f4);
--secondary-gradient: linear-gradient(180deg, #deddda, #f6f5f4);
}

Ich gehe mal davon aus, dass --secondary-color die Variable für die Schrift in menu und footer ist. hab ich nun auf das passende Blau gesetzt.

in Zeile ca 125 habe ich metismenu.mod-menu gefunden. dort wurde klar, dass secondary-color was im footer macht. Mit der Änderung der Variablen auf Blau hat das schon mal geklappt.

Rolf, aus deinem Code-Schnipsel habe ich den 2. Teil eingefügt und so im footer grün bekommen. (habs wieder rausgenommen, da ich so durch die Variable blau bekommen hab.

Somit ein Teil-Problem gelöst.

Welche Variable ist nun für die Schrift bei Position menu zuständig?

Matzeweb

Jep.... Die Codes der Testseite sind in die user.css einzufügen. Den von Dir gewünschten Teil habe ich aber tatsächlich noch nicht fertig.... Du solltest die Codes von Dautrich ganz unten in Deiner user.css einfügen und das 'green' durch die gewünschte Farbe (oder Farbcode) ersetzen. Dann passt dass.

Sollte es nicht sofort funktionieren mußt Du Dein Browsercache leeren.

Baerin

Danke für eure Hilfen. Mit dem Codeschnipsel und der Farbe #0000ff sieht es nun so aus, wie ich mir das vorgestellt habe.

Ich habe es nun eingefügt und es hat geklappt.

Ich hoffe, bei meinem Projekt muss ich nicht nochmal so ins Eingemachte vordringen.

Vielen Dank

Eure Antworten waren sehr hilfreich.

Rolf Dautrich

Zitat von Baerin

Ich hoffe, bei meinem Projekt muss ich nicht nochmal so ins Eingemachte vordringen.

Das ist nicht das "Eingemachte", sondern Tagesgeschäft.

Elwood

OT:

Rolf Dautrich :

Check mal deine Signatur:

Sieger66

Um auch das untere Menü auch z.B. bei hover blau zu halten z.B. per:

Code

.container-header .mod-menu {
	color: #0000ff ;
}

.footer a:not(.btn):hover,
.footer a:not(.btn):focus,
.footer .btn-link:hover,
.footer .btn-link:focus {
 color:var(--current-color)
}

und genügt auch anstatt deiner bisherigen css-Ergänzung.

Tags