# Main-Navigation komplett mit einer neuen Farbe
**URL:** https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054
**Category:** Themes & Design
**Created:** [28. August 2015 um 14:15 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054 "2015-08-28T14:15:17Z")
**Posts on this page:** 15
**Page:** 1
### Author:  [@frank73](https://forum.shopware.com/u/frank73)
#### Post date: [28. August 2015 um 14:15 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/1 "2015-08-28T14:15:17Z")
Hallo, ich würde gern die Main-Navi eine andere Hintergrundfarbe verpassen. Leider werden zwar alle Links entsprechend farblich geändert jedoch der restliche Bereich rechts davon bleibt immer weiß. Wenn ich in Firebug die Farbe vom container entferne, dann sehe ich meine Farbe. Liegt dort ein Layer drüber und wie bekomme ich es hin dass das komplette Element .navigation-main auch in der gewünschten Farbe angezeigt wird? Ja, die less Datei habe ich bereits angepasst! 🙂
---
### Author:  [@frank73](https://forum.shopware.com/u/frank73)
#### Post date: [28. August 2015 um 16:01 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/2 "2015-08-28T16:01:48Z")
Hier mal ein Link dann kann man besser sehen was ich meine 🙂 [www.barando.de](https://www.barando.de)
---
### Author:  [@balou](https://forum.shopware.com/u/balou)
#### Post date: [28. August 2015 um 16:18 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/3 "2015-08-28T16:18:28Z")
mit .less noch nicht so fit. 🕶 `.js--menu-scroller--list { background-color: #95c121; left: 0; max-width: none; overflow-x: scroll; position: relative; white-space: nowrap; }`
---
### Author:  [@frank73](https://forum.shopware.com/u/frank73)
#### Post date: [28. August 2015 um 16:21 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/4 "2015-08-28T16:21:53Z")
… ehrlich gesagt, nöö! 🙂 In welche .less Datei muss ich das anpassen bzw. ändern? Danke schon mal!!! P.S.: Ich habe immer so meine Probleme die entsprechende .less-Datei zu finden. Gibt es da eine Hilfe zu?
---
### Author:  [@NiklasW](https://forum.shopware.com/u/NiklasW)
#### Post date: [28. August 2015 um 16:35 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/5 "2015-08-28T16:35:19Z")
um die “richtige” Less-Datei zu finden, kannst du in den Theme-Einstellungen “CSS-Source-Map erstelllen” auswählen, dann werden dir in den Entwicklertools wie Firebug am Rand die richtigen Namen der Dateien angezeigt 😉
---
### Author:  [@frank73](https://forum.shopware.com/u/frank73)
#### Post date: [28. August 2015 um 16:49 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/6 "2015-08-28T16:49:32Z")
… habe ich aktiviert und anschließend auch den Cache geleert + Browsercache. In Firebug steht dann jedoch immer ein lange Nummer.css. Somit lässt sich das leider nicht zuweisen. Hatte vorher den genannten Code nicht aktiviert und die Zahlen.css stand auch da schon immer rechts. Mache ich was falsch? Gruß Frank P.S.: Die anderen beiden Optionen darunter (bei Einstellungen) dann auch aktivieren?
---
### Author:  [@Tanny](https://forum.shopware.com/u/Tanny)
#### Post date: [28. August 2015 um 16:58 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/7 "2015-08-28T16:58:51Z")
[quote=„frank73“]… habe ich aktiviert und anschließend auch den Cache geleert + Browsercache. In Firebug steht dann jedoch immer ein lange Nummer.css. Somit lässt sich das leider nicht zuweisen. Hatte vorher den genannten Code nicht aktiviert und die Zahlen.css stand auch da schon immer rechts. Mache ich was falsch? Gruß Frank[/quote] Nimm Chrome, da klappt das…
---
### Author:  [@NiklasW](https://forum.shopware.com/u/NiklasW)
#### Post date: [28. August 2015 um 17:01 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/8 "2015-08-28T17:01:20Z")
deaktiviere an gleicher Stelle mal das Compiler-Caching, vllt liegts daran, bei mir klappts auf jeden Fall…
---
### Author:  [@frank73](https://forum.shopware.com/u/frank73)
#### Post date: [28. August 2015 um 17:25 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/9 "2015-08-28T17:25:23Z")
… heute ist echt der Wurm drin. Also ich habe jetzt bei CSS und Java Script komprimieren den Haken raus gemacht alles geleert und den Browser neu geöffnet (Firefox). Immer noch keine Anzeige. Bei Chrome welchen dort nehmen, habe keinen Firebug gefunden. Hat Google da etwas ähnliches? Sorry, aber so kann man ja nicht voran kommen! :wtf: Danke für eure Hilfe!!!
---
### Author:  [@Tanny](https://forum.shopware.com/u/Tanny)
#### Post date: [28. August 2015 um 17:36 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/10 "2015-08-28T17:36:29Z")
[quote=„frank73“]… Bei Chrome welchen dort nehmen, habe keinen Firebug gefunden. Hat Google da etwas ähnliches? [/quote] Was meinst du mit „welchen nehmen“? Den aktuellen Chrome. Drück im Chrome mal F12.
---
### Author:  [@frank73](https://forum.shopware.com/u/frank73)
#### Post date: [28. August 2015 um 17:37 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/11 "2015-08-28T17:37:30Z")
… so in Chrome auch installiert (die Lite Version) gleiches Ergebnis wie auf Mozilla. Ist doch alles komisch! :oops: Jetzt funktioniert es in Chrome! Noch mal neu gestartet. Im Firefox wie gehabt. Egal dann ist halt Chrome der Browser der Zukunft! 🙂 Danke noch einmal für eure Zeit!!!
---
### Author:  [@Tanny](https://forum.shopware.com/u/Tanny)
#### Post date: [28. August 2015 um 17:41 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/12 "2015-08-28T17:41:15Z")
[quote]CSS-Source-Map erstelllen[/quote] Das ist aber aktiviert?
---
### Author:  [@dobrock](https://forum.shopware.com/u/dobrock)
#### Post date: [13. September 2015 um 11:50 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/13 "2015-09-13T11:50:13Z")
[quote=„balou“]mit .less noch nicht so fit. 🕶 `.js--menu-scroller--list { background-color: #95c121; left: 0; max-width: none; overflow-x: scroll; position: relative; white-space: nowrap; }`[/quote] Mit welchem Befehl kann man die Navigation auf die gesamte Browserbreite formatieren? Danke
---
### Author:  [@ruebezahl](https://forum.shopware.com/u/ruebezahl)
#### Post date: [24. September 2015 um 13:59 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/14 "2015-09-24T13:59:14Z")
Hallo, da klinke ich mich doch einmal gerne ein 🙂 Ich würde auch gerne im linken Menue die Buttonfarbe und die Farbe des Feldes an sich farblich anpasen inkl. einer dazu dann passenden Schriftfarbe. Klingt kompliziert isses aber eigentlich gar nicht: Aus grauer Schrift auf weißen Grund wie vorgegeben möchte ich gerne weiße Schrift auf grauem Grund und den kleinen Kasten um die Naivationsbuttons herum ebenfalls grau statt weiß. Kann man das in der Farbkonfiguration der Themes in Shopware 5 irgendwoe einstellen? Habe mir zwar die Shopware Theme Konfiguration als PDF ausgedruckt aber ich finde auch dort nicht welche Farbe ich tatsächlich anpassen muss damit das so aussieht wie ich es mir vorstelle. beste Grüße Konrad Rübezahl
---
### Author:  [@ruebezahl](https://forum.shopware.com/u/ruebezahl)
#### Post date: [24. September 2015 um 14:01 UTC](https://forum.shopware.com/t/main-navigation-komplett-mit-einer-neuen-farbe/30054/15 "2015-09-24T14:01:14Z")
Sorry verklickt