nav-menu, wenn seite offen hover

moin

wordpress-version : 4.4.9 neuste
theme: popper ( angepasst )
webseite-link: (gibts gerade noch nicht gerade nur im localhost bis webseite fertig ist.)
addons: keine die mit dem widget interagieren-

ich habe auf meiner webseite das nav menu im widget.
nun möchte ich das wenn die seite x geöffnet ist auch im navmenu-widget die gerade gewählte seite hover aktiv hat (selected page). ich habe bereits englischen thread auf gemacht war mir nicht sicher ob ihn dort richtig gepostet habe. nun ja... hier noch ein screenshot:

wenn service gerade die geöffnete seite ist soll es hovered seien(wie auf dem pic). nicht nur wenn die maus drüber geht sondern konstant solang diese seite "service" geöffnet ist. wenn man zu "work" wechseln würde, würde "service" weißen background und schwarz schrift wieder haben und work für hover aktiv haben also schwarzer background und weiße schrift.

danke für die hilfe:)

mfg the1dude

hab ich schon mal versucht funktioniert leider nur nicht, außer ich habs falsch gemacht. hier einmal mein style.css -> https://hastebin.com/eyofotuzuc.css

Zitat von 'Marcus[IS

;750119']Mojn,

Könntest probieren das über style.css mittels Ansprechen der entsprechenden CSS Klasse umzusetzen.
https://www.w3schools.com/css/css_link.asp

upsss irrgendwie grad buggy gewesen double posted.

vielen dank für die hilfe erstmal, funktioniert leider nicht hab schon diverse klassen probiert sogar mit important oder ohne bekomme es nicht hin die css hab bereits geschickt hier nochmal : https://pastebin.com/urbJ7RwM

Zitat von 'Marcus[IS

;750319']Hi,

habe mir die Datei mal genauer angesehen.

Dort ist dieses ab Zeile 765 enthalten;

CSS

.widget a:active {
    background-color: #000000 !important;
    color: #ffffff !important!;
}




.widget a:hover,
.widget a:focus {
    background-color: #000000;
    color: #ffffff;
}

Alles anzeigen

Hast du das mit dem active eingefügt?
Falls ja tausche mal die Blöcke aus, vielleicht läuft es dann.
Auf der von mir verlinkten Seite steht ja wörtlich;
Die Reihenfolge scheint da maßgeblich zu sein. Also der Block mit der active Anweisung muss unter dem Block der hover Anweisung stehen.

Oder versuche es so;

Code

.widget a:hover,
.widget a:focus,
.widget a:active {
    background-color: #000000;
    color: #ffffff;
}

Die Reihenfolge der Pseudo-Selektoren im CSS muss wie hier :link, :visited, :hover, :focus, :active sein. Ansonsten überschreibt z.B. :hover den Selektor :active.

Alles anzeigen

ups doofer fehler ist in der neusten css version grade so:

.widget a:hover,
.widget a:focus,
.widget a:active {
background-color: #000000 !important;
color: #ffffff !important;
}

aber hat auch nichts gebracht... :shock: habe da einfach in allen möglich arten rum versucht weil ich nicht kapier warum es so nicht geht^^ gibts noch anderen weg das zu erzielen ?

Zitat von 'Marcus[IS

;750319']Hi,

habe mir die Datei mal genauer angesehen.

Dort ist dieses ab Zeile 765 enthalten;

CSS

.widget a:active {
    background-color: #000000 !important;
    color: #ffffff !important!;
}




.widget a:hover,
.widget a:focus {
    background-color: #000000;
    color: #ffffff;
}

Alles anzeigen

Hast du das mit dem active eingefügt?
Falls ja tausche mal die Blöcke aus, vielleicht läuft es dann.
Auf der von mir verlinkten Seite steht ja wörtlich;
Die Reihenfolge scheint da maßgeblich zu sein. Also der Block mit der active Anweisung muss unter dem Block der hover Anweisung stehen.

Oder versuche es so;

Code

.widget a:hover,
.widget a:focus,
.widget a:active {
    background-color: #000000;
    color: #ffffff;
}

Die Reihenfolge der Pseudo-Selektoren im CSS muss wie hier :link, :visited, :hover, :focus, :active sein. Ansonsten überschreibt z.B. :hover den Selektor :active.

Alles anzeigen

mhh doffer fehler, habs alles veruscht in jeder art und weiße es geht nicht sieh gerade so aus:

.widget a:hover,.widget a:focus,
.widget a:active {
background-color: #000000 !important;
color: #ffffff !important;
}

gibts noch anderen weg ggf ?
danke für die hilfe :)