Wenn du dafür keine Einstellungsmöglichkeit im Customizer hast, kannst du den Button mit einer eigenen CSS-Regel ändern, die du imm Customizer unter Zusätzliches CSS einträgst.
Ich hätte dir auch gerne bei der CSS-Regel geholfen, aber leider hast du keine URL zu deiner Website angegeben, wo wir uns das anschauen können. Schade.
Danke für die Info. Ich hatte bereits versucht im CSS die Farbe zu ändern. Aber komischerweise speichert es mir diese Änderung nicht. Immer wenn ich dann aus dem CSS raus gehe, ist die Farbe wieder auf Rot. Ich weiß leider nicht, wo mein Fehler liegt.
Die Homepage ist noch nicht online, daher hatte ich kein URL geschrieben. https://www.praxisstickel.de
Ich habe über das WordPress-Theme-Verzeichnis keinen Zugriff auf das Theme und kann mit der vorgeschalteten Webseite auch nichts einsehen, um den Button zu ändern. Meld dich doch nochmal, wenn die Website online ist.
So, die Homepage ist online. Leider bekomme ich die Farbe jedoch nicht von Grün auf Rot im Header Button geändert. Kann mir eventuell nochmal jemand helfen?
http://www.PraxisStickel.de
Meinst du den Namen „Stickel“? Wenn ja, dann wirst du das auch nicht per CSS ändern können, da das eine Grafik ist.
Nein, ich meine den „Menü“ Butto bzw. die dazugehörigen einzelnen Reiter.
Hallo,
ehrlich gesagt: ich weiß nicht, was du meinst.
Damit das hier nicht ein Quiz wird, wäre es besser, wenn du der Einfachheit halber eine Grafik hochlädst und die Grafik erläuterst.
Viele Grüße
Hans-Gerd
.main-navigation > div > ul > li.current-menu-item > a {
background-color: #00ff00;
}
Vielen Dank für den Tipp. Das hatte ich bereits schon versucht. Leider ändert sich die „Hauptfarbe“ dadurch aber nicht. Ich habe trotzdem weiterhin den Text „Praxis Stickel“, der sich rot färbt, wenn man ihn anklickt und die weiteren Buttons, die sich auch rot färben, wenn man sie anklickt. Es muss irgendwo eine Grundeinstellung von Rot auf Grün geändert werden. Ich weiß nur leider nicht welche und wo. Hat vielleicht noch jemand eine Idee? Vielen Dank für Eure Hilfe.
Der Code von @bscu ist schon richtig, allerdings musst du den Farbwert ändern, von #00FF00 (= Grün) auf #FF0000 (= Rot).
Das Rot von deiner hochgeladenen Grafik wäre dieser Farbwert #C62318
Trag den CSS-Code unter (Backend) Design -> Customizer -> Zusätzliche CSS dort ganz ans Ende in einer neuen Zeile ein.
.main-navigation > div > ul > li.current-menu-item > a {
background-color: #C62318;
}
@varettstatt: Kenne das Theme nicht von innen, aber es hat sicher wo eine Einstellung bez. Farben – auch die der Buttons
@la-geek: Er will ja einen grünen Button Hintergrund – beim hover
@pezi, echt? Ich dachte einen roten Button beim Nicht hovern.
Na wenn das so ist, dann wäre der CSS-Code nicht richtig, sondern
.main-navigation > div > ul > li.current-menu-item > a:hover {
background-color: #C62318;
}
Ja, so stehts im Startpost: von rot auf grün
Das könnte auch gehen, oder?
.main-navigation > div > ul > li > a:hover {
background-color: #36b02c;
}
und sollten die Hintergrundfarbe der geklickten, aktiven Buttons nicht in Rot erwünscht sein, sondern zB. Weiß, dann könnte das zusätzliche helfen:
.main-navigation > div > ul > li > a:active {
background-color: white;
}
Wenns nicht klappt, muss halt so:
.main-navigation > div > ul > li > a:active {
background-color: white !important;
}
-
Diese Antwort wurde geändert vor 2 Jahren, 10 Monaten von
pezi.
-
Diese Antwort wurde geändert vor 2 Jahren, 10 Monaten von pezi.
Hab dieses „Redhill“ Theme mal gecheckt, es ist ein Child vom Automattic Theme „Varia“ und bietet scheinbar echt keine Möglichkeit, die Farben der Buttons im Customizer zu ändern.
Dieser Code im Customizer > benutzerdefiniertes CSS oder eben in der style.css dieses Child-Themes sollte die Hintergrundfarbe der Buttons der Hauptnavigation weglassen und färbt diese beim überfahren mit der Maus grün:
.main-navigation a,
.main-navigation .sub-menu .main-navigation a {
color: #222222 !important;
background-color: transparent !important;
}
.main-navigation a:hover,
.main-navigation .sub-menu .menu-item a:hover {
color: white !important;
background-color: #36b02c !important;
}
Hier werden auch etwaige Submenüs mitgenommen.
Ja, important ist oft drin, anders tat sich bei meinen Test nix …
