Wordpress Menue aktuelle Seite rot markieren

[superolli]

Hallo, wie kann ich bei Wordpress im seitlichen Menue die jeweils aktuell aufgerufene Seite in roter Schrift anzeigen lassen?

Mir fehlt da jede Idee.

Grüße

Oliver

[Can]

Kommt auf dein Theme an?

Klick doch mal rechts auf den aktiven Link und wähle je nach Browser Prüfen/Element untersuchen aus. Vermutlich setzt das Theme schon eine aktiv Klasse.

[superolli]

Hm, ist das dann

"page_item current_page_item"
Falls ja, was müsste ich dann tippen?

https://kleinesonne.de/wp-content/uploa ... e-item.jpg

[heinrich]

Schau doch im Quellcode nach, welcher Style dem Element zugeordnet ist und ändere das im Stylesheet entsprechend.

[superolli]

Wenn ich verstehen würde was Du schreibst, müsste ich hier nicht fragen

Ist aber ok, hab verstanden, krieg ich irgendwie anders raus. Mann lernt ja dann auch was dabei.

[e-fee]

Mittels CSS-Pseudoklasse a:active?

[heinrich]

Wenn ich verstehen würde was Du schreibst, müsste ich hier nicht fragen

???
Man kann sich doch in jedem Browser den Quellcode einer Seite anschauen und dann in diesem den Link suchen, den man rot haben möchte! Und da steht dann im tag davor die id oder class aus dem Stylesheet und da geht man dann in das Dashboard, öffnet den Editor seines Themes und sucht sich das im style.css raus - ändert das Format und fertig ... Sofern das aktive Fenster eine eigene class hat, sonst wirds natürlich kompliziert.

[ichhustedichan]

du hast irgendwo in deiner style css wahrscheinlich ein a:active stehen - das active ist die oben genannte pseudoklasse (wenn link aktiv, dann setze diese stylingregeln um)
das würde dann so aussehen:

a:active { color#hiercode für gewünschte farbe eingeben }

a:active { color#000} - das wäre zB schwarz

[heinrich]

Ich glaube, superolli meint was anderes als a:active ... Aber das muss er selber sagen! a:active definiert ja nur den Link, wenn man mit der Maus drüberfährt & klickt! Nicht aber den Link des Contentfensters, das gerade offen ist. Das müsste im Theme schon eine eigene id oder class definiert worden sein.

[e-fee]

Mit der Maus drüber ist a:hover.

[ichhustedichan]

Ich glaube, superolli meint was anderes als a:active ... Aber das muss er selber sagen! a:active definiert ja nur den Link, wenn man mit der Maus drüberfährt! Nicht aber den Link des Contentfensters, das gerade offen ist. Das müsste im Theme schon eine eigene id oder class definiert worden sein.

das könnte dann zB. so aussehen: .current_page_item a:active

und wie efee schon sagte; hover ist nen mouseover

[heinrich]

Mit der Maus drüber ist a:hover.

Ist schon klar, aber das meinte ich nicht, sondern active heißt ja nur, dass man auf dem Link aktiv klickt, danach ist es ja a:visited und hat meist eine andere Farbe, aber ich glaube auch nicht, dass es das ist, was superolli wollte.

[Can]

Ich glaube, superolli meint was anderes als a:active ... Aber das muss er selber sagen! a:active definiert ja nur den Link, wenn man mit der Maus drüberfährt! Nicht aber den Link des Contentfensters, das gerade offen ist. Das müsste im Theme schon eine eigene id oder class definiert worden sein.

das könnte dann zB. so aussehen: .current_page_item a:active

und wie efee schon sagte; hover ist nen mouseover

Nein kann es nicht. Und jetzt alle nochmal in die CSS Nachhilfe bitte.



-----------------------------------------------------

@TE: Du musst in der Style.css deines Wordpressthemes am besten unten anfügen:

Code: Alles auswählen

.current_page_item a {
color:#FF0000; 
}

#FF0000 ist der Farbcode für rot, den kannst du anpassen wie du willst.


Greifen die Änderungen nicht schreibt eine andere Eigenschaft mit höherer Wertung ebenfalls eine Farbe auf den Link. Dann verwendest du diesen Code:

Code: Alles auswählen

.current_page_item a {
color:#FF0000 !important; 
}

[superolli]

DANKE Can. Jetzt macht er mir auf kleinesonne.de zwar die ganze Rubrik farbig, wenn ich die erste Ebene anklicke, aber wenn ich auf der untersten Seitenebene bin, dann ist das so wie ich es vor Augen hatte und so erstmal ok Vielleicht sogar besser als ich das vor hatte...


-----------------------------------------------------

@TE: Du musst in der Style.css deines Wordpressthemes am besten unten anfügen:

Code: Alles auswählen

.current_page_item a {
color:#FF0000; 
}

#FF0000 ist der Farbcode für rot, den kannst du anpassen wie du willst.


Greifen die Änderungen nicht schreibt eine andere Eigenschaft mit höherer Wertung ebenfalls eine Farbe auf den Link. Dann verwendest du diesen Code:

Code: Alles auswählen

.current_page_item a {
color:#FF0000 !important; 
}

[/quote]

[Can]

DANKE Can. Jetzt macht er mir auf kleinesonne.de zwar die ganze Rubrik farbig, wenn ich die erste Ebene anklicke, aber wenn ich auf der untersten Seitenebene bin, dann ist das so wie ich es vor Augen hatte und so erstmal ok Vielleicht sogar besser als ich das vor hatte...

Code: Alles auswählen

.current_page_item > a { 
color:#070719; 
} 

">" sorgt dafür das nur das A-Element mit dem style belegt wird das direkt unter dem Element mit davor genannten Klasse liegt (hier also li.current_page_item)


Wenn du dann noch die Unterpunkte in ein dunkles blau setzen willst fügst du noch folgendes hinzu

Code: Alles auswählen

.current_page_item li > a { 
color:#FF0000; 
} 

Damit wir färben wir jetzt alle Links ein die im Element mit der Klasse "current_page_item" in einem weiteren LI liegen.


Probier mal ein bisschen mit dem CSS rum, das lernt man schnell.


vg.