Spezielle Hintergrund Grafik für den ersten Menüpunkt

    Yo Leute,
    ich wollte mal fragen ob der erste menüpunkt (z.B. die Startseite) einzeln ansprechbar ist.
    Damit meine ich aber nicht unbedingt den Menüpunkt an sich, sondern speziell den ersten.
    Also dass das Design, sobald es auf einem anderen WP installiert wird - wieder den ersten Menüpunkt eine andere Hintergrundgrafik zuweißt.
    Ich hoffe ihr versteht was ich meine.
    Danke schonma ;)

    • 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

    AW: Spezielle Hintergrund Grafik für den ersten Menüpunkt

    Also du willst der Home-Page eine andere Hintergrund Graphik geben als den restlichen Seite?
    Wenn dein Theme body_class unterstützt dann bekommt der Body der Homepage die spezielle Klasse ".home". Mithilfe dieser Klasse kannst du in der style.css dann eine spezielle Hintergrund Graphik definieren.
    Es gibt aber auch Plugins für individuelle BGs.

    LG, pixselig

    Den ersten Menüpunkt deines Nav-Menüs kannst du so ansprechen:

    Code
    .navigation > ul li:first-child

    Denke, dass sollte funktionieren. Die Menü-Klasse musst du nachschauen und ggfls. ändern.

    Meine Webseite | WordPress, Webdesign und mehr...

    AW: Spezielle Hintergrund Grafik für den ersten Menüpunkt

    Zitat von reap705

    Den ersten Menüpunkt deines Nav-Menüs kannst du so ansprechen:

    Code
    .navigation > ul li:first-child

    Denke, dass sollte funktionieren. Die Menü-Klasse musst du nachschauen und ggfls. ändern.

    Müsste es nicht
    .navigation ul:first-child a
    heißen?
    Denn JEDES li-Element hat ein first-child in Form des jeweiligen Links (a)?

    Oder stehe ich auf der Leitung(bin nicht ganz fit)?

    hmm
    ich habe beide ausprobiert, aber es bleibt alles wie gehabt.

    Zitat

    .navigation ul:first-child a {
    background:url("/wordpress/wp-content/themes/contango/images/first_navi_bar.png")!important;
    }

    Ja so funtkionierts, aber wenn ich das design dann auf einem anderen Wordpress hochlade wird wahrscheinlich ein anderer menüpunkt ".page-item-2 > a" angesprochen...
    es müsste also direkt den ersten an sich ansprechen

    Zitat von Bane

    aber wenn ich das design dann auf einem anderen Wordpress hochlade wird wahrscheinlich ein anderer menüpunkt ".page-item-2 > a" angesprochen

    dann einfach die Zahl 2 anpassen (siehst du ja dann z.B. im Quelltext)

    Zitat von Bane

    es müsste also direkt den ersten an sich ansprechen

    wurde ja bereits angesprochen (first-child)

    also auf dein Theme angewendet

    Code
    #nav ul li:first-child > a

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden