Menü in Sideabr mit CSS gestalten

    Hallo zusammen,
    ich komme an der Gestaltung eines Menüs in der Sidebar nicht weiter.

    Es geht um die Seite: http://www.lebenskreise-bestattungen.de/

    Ich habe eine CSS-Klasse .menu-sidebar erstellt und über das Plugin "better menu" der Sidebar zugewiesen.
    Ausrichtung, Hintergrund etc. bekomme ich auch bearbeitet. Grundsätzlich reagiert das Menü also auf Änderungen in der Style.css

    Ich verzweifle jedoch an der Einstellung für die Schriftfarbe der Menüpunkte und insbesondere Farbänderung bei Mauskontakt (hover) und Farbe für den aktuell aktiven Menüpunkt...
    Kann mir jemand helfen?

    Danke!

    • Gerade eben
    • Anzeige

    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

    CSS
    .menu-sidebar li a:hover {
    color: white !important;
    background-color: gold !important;
}


.current-menu-item {
    text-decoration: underline;
}

    Das ist der Sandkasten, jetzt bitte selber spielen ;-)

    Danke Presskopp!
    "!important;" hat mich schon mal ein gutes Stück weitergebracht!

    Noch nicht geklappt hat die Darstellung des derzeit aktiven Links (fett und rot)

    Ich habe das so versucht:

    .menu-sidebar a:active {
    color: #901726 !important;
    text-decoration:bold;
    }

    Da tut sich aber nix.....

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden