Aktive Seite in eigenem Menü hervorheben OHNE Hervorhebung des Untermenüseiten

Guten Morgen,

ich bin neu hier und baue gerade meine erste Wordpress-Homepage.

Bei einem selbst erstellten zusätzlichen Menü habe ich nun folgendes Problem:

Ich wollte die gerade aktive Seite im Menü besonders hervorheben, damit der Besucher weiß auf welcher Seite er gerade ist. Das hat auch gut funktioniert mit folgendeme Code in der CSS:

.border-menu ul li.current_page_item a{
background: #F9F9F9;
color: #8DB45C !important;
}
.border-menu a:hover,
.border-menu ul li:hover > a {
background: #F9F9F9;
color: #8DB45C !important;
}

Zwei der Seiten haben ein Untermenü mit jeweils einem Menüpunkt.

Gehe ich jetzt auf eine dieser beiden Seiten dann wird der jeweilige Untermenüpunkt korrekt eingeblendet aber leider auch farblich hervorgehoben. Dadurch sind dann beide Seiten, die aktuell (aktive) aufgerufene und sein Untrmenü farblich hervorgehoben.

Ich möchte aber, dass nur die tatsächlich aktive Seite hervorgehoben ist. Das habe ich aber nicht hinbekommen.

Vielleicht kann mir hier ja jemand helfen und sagen, wie ich das machen kann.

Hier ist der Link zu einer der beiden betroffenen Seiten:
http://www.weerth.de/nlp-practitioner/

Es handelt sich dort um das vertikale, linke Menü. Auf der Seite ist dann "NLP-Practitioner" UND sein Untermenü "Ausbildungsinhalte" farblich grün hervorgehoben. Wie bekomme ich das von "Ausbildungsinhalte" weg?

Herzlichen Dank für jede Hilfe und Feedback

Rupprecht

Danke Jazzmaster für Deine Idee :-)

Leider hats aber so nicht geklappt: Wenn ich statt .current_page_item dann .current_page_parent einsetze, wird beim Parent-Menüpunkt gar nichts mehr hervorgehoben, wenn ich auf der entsprechenenden Seite bin, also "NLP-Practitioner", wenn ich auf der Childseite ("Ausbildungsinhalte") bin, dann wird im Gegensatz zu vorher jetzt auf der Childseite diese und die Parentseite hervorgehoben, also Ausbildungsinhalte + NLP-Practitioner. Ich bräuchte eben einen String, der die zusätzliche Hervorhebung des Childs verhindert, wenn man auf der Parentseite ist, also eine, die nur die Parentseite hervorhebt.

Vielleicht hast Du oder ein anderer Mitlesender hier doch noch eine hilfreiche Idee.. Hier noch mal der Link zu meiner Seite: http://www.weerth.de/nlp-practitioner/

Viele Grüße

Rupprecht

So habe noch weiter probiert und tatsächlich ein Lösung gefunden. Vielleicht hilft sie ja jemand anderem mit ähnlichem Problem. So funktioniert es:

In z.B. "border-menu" aktive Seite hervorheben, eventuelle untergeordnete Seiten aber anders formatieren, z.B. so dass der Menuepunkt des Childs nicht besonders hervorgehoben wird. In meinem Bespiel soll der Menüpunkt vom Child schwarz bleiben wie auch alle anderen nicht ausgewählten Menüpunkte:

/* Schriftfarbe und ggf. Hintergrundfarbe bestimmen */
.border-menu ul li.current_page_item a {
color: #8DB45C !important;
background: #F9F9F9;
}

/* Schriftfarbe etc. von Childs bestimmen,
damit sie nicht automatisch gleich wie Parent formatiert werden */
.border-menu ul li.current_page_item ul li a {
color: #000000 !important;
background: #F9F9F9;
}

/* Farben fuer Hover (Parent und Child) bestimmen */
.border-menu ul li:hover ul li a {
color: #8DB45C !important;
background: #F9F9F9;
}

Hier ist jetzt zu sehen, wie es klappt: http://www.weerth.de/nlp-practitioner/

Beste Grüße

Rupprecht