Support » Allgemeine Fragen » Navigation 2 Farben (Hintergrund)

  • Gelöst herrmutzel

    (@herrmutzel)


    Guten Morgen,

    Ich habe da mal eine Frage. Ich möchte auf einer Starseite eine Navigation mit einer z.B. grünen Farbe (oberer Balken) hinterlegt haben. Auf allen anderen Seiten wie der Kontaktseite in Orange. Ist das grundsätzlich möglich?

    Würde mich über eine kurze Antwort sehr freuen …
    Viele Grüße, Matthias

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Ja, das ist möglich.*

    *kurz genug?

    … und für alle anderen, die lieber eine ausführlichere Antwort möchten:

    WordPress fügt in das <body>-Tag eine CSS-Klasse für jede Seite ein, die zur inidividuellen Gestaltung genutzt werden kann. Für die Startseite wird zum Beispiel die CSS-Klasse front-page eingefügt. Soll also auf der Startseite eine Navigationsleiste mit einem orangen Hintergrund versehen werden und auf allen übrigen Seiten ein grüner Hintergrund erscheinen, kann das mit einer CSS-Regel festgelegt werden, die sinngemäß so aussieht:

    .front-page nav { background-color: organge; }
                nav { background-color: green; }

    Die CSS-Regeln kann im Stylesheet eines Child-Themes angehängt oder im Customizer unter Zusätzliches CSS eingetragen werden.

    Soll nicht die Startseite, sondern eine beliebige andere Webseite abweichend gestaltet werden, kann die CSS-Klasse mit der Beitrags-ID genutzt werden, also sowas wie page-id-42.

    Thread-Starter herrmutzel

    (@herrmutzel)

    Eventuell kann ja jemand ein paar Tipps geben, wie ich das anstellen kann. Wäre toll …

    Ja, das wäre echt nett. 😉

    Thread-Starter herrmutzel

    (@herrmutzel)

    Danke. Versuche mal mein Glück. Das Wetter läd dazu ein. Gruß, Matthias
    * über Elementor werde ich es mal probieren

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Navigation 2 Farben (Hintergrund)“ ist für neue Antworten geschlossen.