Beiträge von Hessi

Das zweite Menü... OMG! Wie konnte ich das übersehen?! Ja, wie im zweiten Menü.
Dass ich da <hover> und <focus> zugleich anwenden muss, erstaunt mich noch immer... wäre in Deinem Beispiel nicht so gewesen. Weiß der Geier...

Mahlzeit!

Okay, warum habe ich eigentlich nicht gleich nach dem Theme und der Möglichkeit gegoogelt, die Menüfarben zu ändern? Der Hersteller hat tatsächlich ein Herz für User der kostenlosen Version und hat für uns Sparbrötchen auf GitHub sogar das komplette CSS für die Anpassung des Menüs veröffentlicht.
Ich hätte uns die ganze Arbeit sparen können, tut mir leid.

Aber ich will den Thread nicht ohne Happy End abschließen.

Um den Hintergrund eines aktiven Hauptmenü-Punktes im Wordpress Theme "GeneratedPress" zu ändern:

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
        background-image: url("URL-DES-BILDES")!important;
}

Oder eben mit background-color...

Es war also am Ende doch irgendwie die Pseudo-Klasse... nur... alle zusammen... und was <li.sfHover> ist, muss ich noch ergründen.

Danke für die tatkräftige Hilfe!
Schönes Rest-WE!
Gruß
Michael

Edit: Aha, sfHover stheht für SuckerFishHover und ist nur für den ollen IE noch interessant, der wohl <hover> nur mit echten Links ausführt?

Hi Stef,

oh... wow... dann muss ich mal danach schauen. Vielen Dank und schönes WE!

Gruß
Michael

Hi Basti,

jein, denn so ist das Menü ja schon. Der ausgewählte Hauptmenü-Eintrag soll auch farbig markiert bleiben. Das mit dem <li> war schon fast zielführend, nur wähle ich wohl das falsche Element aus, denn ich sehe unter dem Hauptmenü-Eintrag nun einen den blauen Background.
Sorry, ich sollte mich echt mehr mit den Basics beschäftigen, fürchte ich.

Gruß
Michael

Edith sagt: Nennt man das nicht "::marker"? Aber Änderungen daran bewirken nichts. Nein! Ein Marker ist z.B. ein Punkt, eben ein Marker.

Edit2: Eigentlich ist es das gleiche, wie hier im Forum. Der Hauptmenü-Eintrag ist hier auch in dunkelblau markiert, wenn man sich in einem Bereich befindet, der unter diesem Menüpunkt aufgeführt ist. In meinem Bild sieht man, wie <li:hover> den Bereich zwar blau einfärbt, aber er wird von einem weißen Background überlagert (Tote Pixel).

[Blockierte Grafik: https://hessburg.de/wp-content/uploads/2021/05/menuebackground.jpg]

Hallo Stef,

danke für die Mühe.
Ich meinte allerdings das Gegenteil: Wenn nicht gehovert wird und nicht im "idle", sondern wenn das Menü darunter aufgeklappt ist. Da wird der Background durch das originale CSS des Templates weiß.
Wie nennt man denn diesen Zustand?

Ich meinte auch so eine Pseudoklasse wie :hover, :link, :target :focus, und so. Oder liege ich da komplett falsch? Ich habe echt keine große Ahnung von den ganzen Basics, was sich immer wieder rächt.

Hier wird es vielleicht deutlicher: Beim Mouse-over wird das gelbe Post-It durch ein blaues ersetzt. Das blaue Post-It soll aber auch das aktive Menü markieren. Habe da PULLDOWNISTAKTIV hingeschrieben:

.main-navigation .main-nav a:hover{
        background-image: url("https://hessburg.de/wp-content/uploads/2021/05/postit-blau.jpg");
        -webkit-filter: saturate(90%);
        filter: saturate(90%);
        color: var(--mittel)!important;
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
}

.main-navigation .main-nav a:PULLDOWNISTAKTIV{
        background-image: url("https://hessburg.de/wp-content/uploads/2021/05/postit-blau.jpg");
}

Aber vielleicht setze ich auch irgendwo falsch an und habe die Container "zu weit oben" angefasst?

Danke nochmal für die Mühen und die Hilfe!
Gruß
MIchael

Hallo Leute,

ich habe unter Wordpress ein Thema angepasst. Weiß aber nicht, wie ich mit dem Inspector einen Hauptmenüpunkt untersuchen kann, wenn der sich beim Hovern verändert. .

main-navigation .main-nav a:hover{}

Es geht darum, dass ich nicht weiß, wie die Pseudoklasse heißt, die die Eigenschaften des Hauptmenüpunktes bei aufgeklappten Pulldown-Menü definiert.
Sorry, ist wirklich ne Noob-Frage.

Hier die Site: Der Hauptmenüpunkt wird weiß unterlegt, sobald das Menü ausklappt.

Und bitte nichts zu der Site sagen, ist noch in der Entwicklung und daher sind da noch einige geschmacklose Effekte aktiv.
Auch richtig: Habe ich noch nicht für Webkit angepasst, was aber nichts am Fehler ändern würde.

Danke im Voraus
Gruß
Michael