Title: Navigation 2 Farben (Hintergrund)
Last modified: 19. November 2020

---

# Navigation 2 Farben (Hintergrund)

 *  Gelöst [herrmutzel](https://de.wordpress.org/support/users/herrmutzel/)
 * (@herrmutzel)
 * [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/)
 * 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)

 *  Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/)
 * (@pixolin)
 * Moderator (nicht mehr aktiv)
 * [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/#post-95130)
 * Ja, das ist möglich.*
 * *kurz genug?
 *  Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/)
 * (@pixolin)
 * Moderator (nicht mehr aktiv)
 * [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/#post-95131)
 * … 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`.
 *  Themenersteller [herrmutzel](https://de.wordpress.org/support/users/herrmutzel/)
 * (@herrmutzel)
 * [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/#post-95132)
 * Eventuell kann ja jemand ein paar Tipps geben, wie ich das anstellen kann. Wäre
   toll …
 *  Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/)
 * (@pixolin)
 * Moderator (nicht mehr aktiv)
 * [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/#post-95133)
 * Ja, das wäre echt nett. 😉
 *  Themenersteller [herrmutzel](https://de.wordpress.org/support/users/herrmutzel/)
 * (@herrmutzel)
 * [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/#post-95135)
 * 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.

 * In: [Allgemeine Fragen](https://de.wordpress.org/support/forum/allgemeine-fragen/)
 * 5 Antworten
 * 2 Teilnehmer
 * Letzte Antwort von: [herrmutzel](https://de.wordpress.org/support/users/herrmutzel/)
 * Letzte Aktivität: [vor 5 Jahren, 11 Monaten](https://de.wordpress.org/support/topic/navigation-2-farben-hintergrund/#post-95135)
 * Status: gelöst

## Themen

### Beliebteste Themen

### Unbeantwortete Themen

### Nicht-Support-Themen

### Gelöste Themen

### Ungelöste Themen

### Alle Themen