Twentyfourteen primary navigation Elemente: Farbe bei hover

kurztipp

Hallo,

ich würde gerne Twenty Fourteen ein wenig anpassen. Ich stehe derzeit aber vor dem Problem, dass ich nicht weiß, wie ich den grünen Hintergrund, der bei :hover gesetzt wird, der Navigationsleistenelemente des Headers verändern kann.
Die Analyse hat nur hervorgebracht, dass der Hintergrund angeblich mit

Code

::selection {
    background: #24890d;
    color: #fff;
    text-shadow: none;
}

gesetzt wird. Wenn ich allerdings den Hintergrund hier ändere, führt das nicht zu dem gewünschten Ergebnis.
Welcher CSS Eintrag ist tatsächlich für den Hintergrund zuständig?

Gruß

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

Marcus[IS]

Mojn,

da war ich zuerst auch dran verzweifelt. ;)

Bis ich dann im Web eine Anleitung fand, die diese Codeschnipsel für die CSS offenbarte;

Code

@media screen and (min-width: 783px) {
    .primary-navigation ul ul {
        background-color: #0D7589;
    }
    .primary-navigation li:hover > a,
    .primary-navigation li.focus > a {
        background-color: #0D7589;
    }


    .primary-navigation ul ul a:hover,
    .primary-navigation ul ul li.focus > a {
        background-color: #0D7589;
    }
}


@media screen and (min-width: 1008px) {
    .secondary-navigation ul ul {
        background-color: #0D7589;
    }
    .secondary-navigation li:hover > a,
    .secondary-navigation li.focus > a {
        background-color: #0D7589;
    }


    .secondary-navigation ul ul a:hover,
    .secondary-navigation ul ul li.focus > a {
        background-color: #0D7589;
    }

Alles anzeigen

Damit habe ich es dann letzten Endes geschafft, die Farbe in der Navigationsleiste zu ändern.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twentyfourteen primary navigation Elemente: Farbe bei hover

Jetzt mitmachen!