CSS-Anweisung wird nicht berücksichtigt, sobald ausgeloggt

Hm, wir möchten hier eigentlich nicht Grundkenntnisse in CSS vermitteln, weil es dafür besser geeignete Foren gibt.

Wie auch immer … In CSS solltest du nach Möglichkeit vermeiden, den Werten einer Eigenschaft den Zusatz !important zu geben. Das ist nicht nur unschöner Programmierstil, sondern kann auch später dafür Sorgen, dass du lange suchen musst, wieso eine andere CSS-Anpassung nicht greift.

Bei CSS kommt es immer darauf an, wie spezifisch eine CSS-Regel ist.

Nehmen wir an, du hast vom Theme ein Stylesheet vorgegeben, in dem der Text für Absätze grau und für hervorgehobene Absätze rot formatiert wird. Im Impressum soll die Schrift in zartem hellgrau erscheinen … wie auch immer. 😀

p { color: #777; }
p.featured { color: #e00; }
p.imprint { color: #abb2b9; } 

Verwendest du nun p { color: red !important; }, wird mit der Brechstange alles auf Rot gesetzt. Impressum? Hervorgehobener Absatz? Alles … nicht, was du möchtest.

Mit p { color: red; } überschreibst du die Formatierung für normale Absätze, nicht aber für hervorgehobene und Impressum, weil sie spezifischere Regeln haben („gehen mehr ins Detail, weil sie eine Klasse angeben“).

Mit p, p.featured { color: red; } kannst du die normalen und hervorgehobenen Absätze ändern, der Text im Impressum bleibt unverändert.

Was heißt das jetzt für deine Website? Der gewählte Selektor .menu-title a ist nicht spezifisch genug. Tatsächlich verwendet dein Theme einen sehr spezifischen Selektor:

div#dt-1652429027019-c21e4f7d-6091 ul > li:not(.has-mega-menu) ul.sub-menu li > a {
  text-transform: capitalize;
}

Nutzt du den gleichen Selektor, kannst du die Regel im Theme überschreiben, weil Einträge im Customizer unter Zusätzliches CSS später geladen werden:

div#dt-1652429027019-c21e4f7d-6091 ul > li:not(.has-mega-menu) ul.sub-menu li > a {
  text-transform: none;
}

Probier’s mal aus. Ansonsten wie gesagt bei einem Forum für Fragen zu CSS nachfragen oder (falls du gar nicht so tief in die Materie einsteigen wolltest) einen Dienstleister beauftragen.

—
Nachtrag: Angelika war wieder schneller. Wie macht die das bloss? 😉

• Diese Antwort wurde geändert vor 1 Jahr, 3 Monaten von Bego Mario Garde.

Hallo,
ich vermute, dass WP Rocket den Cache noch nicht korrekt gelöscht hat, weil ich die vorgeschlagene Änderung von Bego und Angelika in der developer console nicht sehe oder du hast das nicht wie angegeben unter Design > Customizer > zusätzliches CSS eingetragen.

Vielleicht klappt es aber auch mit der folgenden CSS-Regel unter Design > Customizer > Zusätzliches CSS:

a.item-has-icon.icon-position-left span {
    text-transform: none;
}

Danach Cache von WP Rocket löschen und Browser-Cache löschen bzw. in einem anderen Browser testen.

Viele Grüße
Hans-Gerd