Das Theme selber bietet Anwendern dafür keine Einstellungs-Option an. Dir bleibt also zur Umsetzung deines Wunsches nur die Möglichkeit, ein Child-Theme mit einem angepassten CSS Stylesheet zu erstellen oder das Stylesheet mit Hilfe eines Plugins wie Simple Custom CSS hinzuzufügen.
Mit Rechtsklick > Element untersuchen erreichst du die Entwicklerwerkzeuge deines Browsers. Hier kannst du in der linken Spalte die HTML-Tags anklicken und siehst in der rechten Spalte die zugehörigen CSS-Regeln. Diese Regeln kannst du im Browser anpassen, um Gestaltungsvarianten auszuprobieren. Das fertige CSS kopierst du dann in das Eingabefeld von Simple Custom CSS.
.top-bar-section ul li:hover:not(.has-form) > a,
.top-bar-section li.active:not(.has-form) a:not(.button)
{
color: white;
background: red;
}
@media only screen and (min-width: 40.063em) {
.top-bar-section li:not(.has-form) a:not(.button) {
background: white;
color: red;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background: red;
color: white;
}
}
Guten Tag,
erstmals danke für die Antwort.
Gibt es nicht eine einfachare Methode, dies in die Tat umzusetzen?
Ja. Anderes Theme installieren.
(Den ersten Absatz meiner ersten Antwort hast du aber gelesen?)