Aktiven Seitenbutton anders formatieren

  • Hallo Leute,
    ich gebe die Seitennavigation über wp_list_pages aus. Eine dieser Seiten möchte ich anders formatieren also den Rest. Da WordPress jedem li-Element eine Klasse mit der Page-ID mitgibt, eigentlich kein Problem. Aber scheinbar mache ich doch etwas falsch und komme einfach nicht auf die Lösung, denn die Angaben werden ignoriert sobald ich die Formatierung auf den einen bestimmten Link beziehen will.

    Im Quelltext sieht das so aus:

    Code
    <div id="header_nav">
    [...]
    <li class="page_item page-item-2890 current_page_item"><a href="..." title="..." class="mbutton">Seitenname</a></li></div>

    Nehme ich jetzt folgendes CSS:

    Code
    #header_nav li.current_page_item a.mbutton {
    background:red;
    color:#FFF;
    }

    spreche ich damit alle Seiten-Links an. Funktioniert auch.

    Jetzt möchte ich aber nur auf die Link zur Seite mit der ID "2890" beziehen und verschachtel das CSS so:

    Code
    #header_nav li.page-item-2890 .current_page_item a.mbutton {
    background:red;
    color:#FFF;
    }

    Was mache ich falsch? :confused: Danke!

    • 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

  • versuch es mal so:

    Code
    #header_nav li.page-item-2890.current_page_item a.mbutton

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

Jetzt mitmachen!

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