Farbe ändern: hover Menü Hauptseite (Schrift), hover Menü Unterseite (background),

tindretta

Hallo ihr Lieben

Ich habe leider nichts dazu gefunden, was mir geholfen hat:

1. Wie kann ich die Farbe ändern, die die Schrift des Hauptmenüs beim hovern erhält?
2. Wie kann ich die Farbe des Rahmens um das Untermenü ändern?
3. Wie kann ich die Hintergrundfarbe, die das Untermenü beim hovern erhält ändern?

Ich wäre riesig froh, wenn mir jemand helfen kann, da das standardmässige Blau nicht zum Rest meiner HP passt...
Hier der Link:
http://hufaufsherz.ch

Und zwei screenshots:

Freue mich sehr auf eure Antworten und danke schon jetzt!

Liebe Grüsse
Maya

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

AmFearLiath

wenn du das im Customizer unter "Benutzerdefiniertes CSS" einträgst, solltest Du zum gewünschten Ziel kommen... Die Farben kannst Dir natürlich anpassen

Code

ul#top-menu ul.sub-menu {
    border-color: #000;
}


ul#top-menu ul.sub-menu > li {
    background-color: #fff;
}




ul#top-menu ul.sub-menu > li > a {
    color: #000;
}

Alles anzeigen

tindretta

Wow, cool! Das funktioniert :D Danke dir!

Nun noch eine weitere Frage: Wie kann ich die Farbe der einzelnen Menüpunkte im Hauptmenü ändern, die sie beim hovern erhalten sollen?
Ich danke euch!

AmFearLiath

Code

ul#top-menu > li:hover > a {
    background-color: #000;
    color: #fff;
}

jenachdem ob du die Hintergrundfarbe oder die Textfarbe ändern möchtest.... oder vielleicht auch beide...

tindretta

Sehr cool! Klappt prima.
Sorry, für meine ständige Fragerei. Habe nun doch noch eine letzte Frage:
Wie veränder ich die Schriftfarbe vom ausgewähten Menupunkt? Also wenn ich bspw. im Home bin sollte der Menüpunkt Home die Farbe xy haben...

Ich danke dir herzlich und wünsche dir einen schönen Sonntag!

Liebe Grüsse

AmFearLiath

Zitat von Florian Wetzl
Wenn Du das hier unter "Benutzerdefiniertes CSS" noch hinzufügst, dann sollte es gehen :)
Code
ul#top-menu .current-menu-item a:first-child{color:#ff9c00;}
LG,
Florian

Code

ul#top-menu li.current-menu-item a {
    color:#ff9c00;
}

würde reichen, da es sich ja um .current-menu-item handelt und es eh das :first-child ist (das erste von ausgewählten)

tindretta

Sehr cool! Vielen herzlichen Dank euch!
Ich wünsche euch noch einen schönen Abend!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbe ändern: hover Menü Hauptseite (Schrift), hover Menü Unterseite (background),

Jetzt mitmachen!