Menüfarbe einer einzelnen Kategorie ändern / Ich bekomme es nicht hin :(

    Hallo Ihr Lieben,

    ich habe leider ein kleines Problem bei einer Designanpassung - trotz umfangreicher Suche konnte ich bisher keine Lösung finden.
    Wäre daher toll, wenn mir hier jemand helfen könnte.

    Es geht um folgendes Theme:

    http://demo.sparklewpthemes.com/metrostore/
    Ich möchte nun die Farbe eines Menüpunktes ändern (nicht des gesamten Hauptmenüs!). Dass ich dabei die jeweilige "ID" des Kategoriepunktes ansprechen muss, ist insoweit klar. Für den Punkt "Blog" wäre das beispielsweise "menu-item-114". Ich bekomme es aber nicht hin mittels CSS die Farbe anzupassen.

    Könnte mir jemand mit dem entsprechenden Code aushelfen? Das wäre ganz toll :lol:

    Hatte es hiermit versucht:

    #menu-item-114 .mtmegamenu {
    color: red !important;
    }

    Leider ohne Erfolg :(. Spreche ich eventuell das Menü falsch an?

    Danke & schönen Sonntag noch!

    • 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

    Zunächst allen ein sonnigen Sonntag :)

    Ich bin es (leider) nochmal. Irgendwie habe ich scheinbar grundsätzlich das Problem den richtigen Selektor zu finden.

    Aktuell versuche ich bei diesem Theme hier: https://lingerie.oceanwp.org/ die Farbe eines einzelnen Menüpunktes (menu-item-342) in der Hauptnavigation zu ändern.

    .menu-main-menu .menu-item-342 {
    color: red;
    }

    funktioniert beispielsweise nicht :( Ich habe scheinbar ein grundsätzliches Problem den richtigen Selektor ausfindig zu machen. Gibt es da einen "idiotensicheren" Weg?

    Danke schonmal im voraus.

    Schon mal ganz gut ;).. aber die beiden Elementselektoren, die du benutzt sind 'ID's und nicht Klassen - und dann musst du noch das Element ansprechen, in dem der Text tatsächlich drin steht und das ist der Link (<a> </a>) im #menu-item 342 mit der Klasse '.menu-link'
    hmmm... also so in etwa:

    HTML
    #menu-main-menu #menu-item-342 .menu-link {
    color: #f00;
}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden