# Hintergründe anpassen? **URL:** \ **Category:** Themes & Design\ **Created:** [24. Oktober 2016 um 07:52 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768 "2016-10-24T07:52:47Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![M8trix](https://avatars.discourse-cdn.com/v4/letter/m/bbe5ce/32.png) [@M8trix](https://forum.shopware.com/u/M8trix)\ **Post date:** [24. Oktober 2016 um 07:52 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/1 "2016-10-24T07:52:47Z")
Wie bekomme ich die weißen Bereiche in einer anderen Farbe umgestellt? - Hintergrund Einkaufswelten [http://fotocristal.de/](http://fotocristal.de/) - HG Artikel [http://fotocristal.de/emotion/2/fantasy?c=8](http://fotocristal.de/emotion/2/fantasy?c=8) - BG Dropdown Menus [http://fotocristal.de/account](http://fotocristal.de/account) - BG Navigation links [http://fotocristal.de/emotion/](http://fotocristal.de/emotion/) - BG Navigation rexhts [http://fotocristal.de/blog/](http://fotocristal.de/blog/) - BG Menu Service/Hilfge - BG Warenkorb Für den haeder, footer und main-navigation habe ich folgende Anleitung benutzt: [https://forum.shopware.com/discussion/41243/farbe-fuer-header-navileiste-footer-und-background-anpassen-fuer-newbies#latest](https://forum.shopware.com/discussion/41243/farbe-fuer-header-navileiste-footer-und-background-anpassen-fuer-newbies#latest)   Geht es wie mit dem Content Bereich? Wenn ja wie heißen die Bereiche? .content-main { background:#5f6062; .container { background:transparent; } } Mein Templet ist Responsive Theme mit Flat Style Vielen dank für Eure Hilfe (bitte denkt bei euren antworten daran das ich nicht programmieren kann!!) Claus ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [24. Oktober 2016 um 08:22 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/2 "2016-10-24T08:22:26Z")
Du bist schon an den richtigen Stellen, der Rest ist Fleißarbeit und Tüftelei. Das wird Dir hier keiner abnehmen… ---
**Author:** ![M8trix](https://avatars.discourse-cdn.com/v4/letter/m/bbe5ce/32.png) [@M8trix](https://forum.shopware.com/u/M8trix)\ **Post date:** [24. Oktober 2016 um 18:53 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/3 "2016-10-24T18:53:41Z")
aber woher bekomme ich die namen von den bereichen? ---
**Author:** ![simkli](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/simkli/32/13124_2.png) [@simkli](https://forum.shopware.com/u/simkli)\ **Post date:** [24. Oktober 2016 um 19:09 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/4 "2016-10-24T19:09:28Z")
Das wichtigeste Tool hierbei: Die Chrome Dev Konsole ( alternativ auch FireBug o.ä.) > **[Chrome DevTools  |  Google Developers](https://developers.google.com/web/tools/chrome-devtools/)** > > Get started with Google Chrome's built-in web developer tools. Besonders wichtig für dich: „Inspect and Edit Pages and Styles“ Viele Grüße ---
**Author:** ![M8trix](https://avatars.discourse-cdn.com/v4/letter/m/bbe5ce/32.png) [@M8trix](https://forum.shopware.com/u/M8trix)\ **Post date:** [24. Oktober 2016 um 20:14 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/5 "2016-10-24T20:14:04Z")
also ich hab erst eine content-main–inner .less erstelt mit: .content-main–inner { background:#5f6062; .container { background:transparent; } } und das dann der all.less hinzugefügt geht alerdings nicht. laut chrome-devtools steht da im code \_ == $0 oder \_ == $0 wo und wie ändert man dort die hintergrundfarbe? ---
**Author:** ![M8trix](https://avatars.discourse-cdn.com/v4/letter/m/bbe5ce/32.png) [@M8trix](https://forum.shopware.com/u/M8trix)\ **Post date:** [24. Oktober 2016 um 20:21 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/6 "2016-10-24T20:21:41Z")
sorry ``` _ == $0 ``` oder ``` _ == $0 ```   ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [25. Oktober 2016 um 04:20 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/7 "2016-10-25T04:20:17Z")
Du kannst die ganzen Bereiche im Inspector sehen. Kannst sie dann auch noch weiter aufklappen um den gesuchten Selektor zu finden. Manche Bereiche überlagern sich, darum musst Du schauen welcher tatsächlich für das was Du siehst zuständig ist. ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/d/d6da98f48ad1c28d3d0ded2623732529e372ed38.png) ---
**Author:** ![M8trix](https://avatars.discourse-cdn.com/v4/letter/m/bbe5ce/32.png) [@M8trix](https://forum.shopware.com/u/M8trix)\ **Post date:** [25. Oktober 2016 um 11:34 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/8 "2016-10-25T11:34:51Z")
Danke für Eure hilfe allerdings verstehe ich es nicht muss ich eine emotion.less erstellen? es geht zb um den weißen Hintergund auf [fotocristal.de](http://fotocristal.de) direckt auf der Startseite ist ein Weißer hintergrund in der Eikaufwelt im code steht lg claus ---
**Author:** ![M8trix](https://avatars.discourse-cdn.com/v4/letter/m/bbe5ce/32.png) [@M8trix](https://forum.shopware.com/u/M8trix)\ **Post date:** [25. Oktober 2016 um 15:06 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/9 "2016-10-25T15:06:58Z")
ich habs danke ---
**Author:** ![shopwaredummy](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@shopwaredummy](https://forum.shopware.com/u/shopwaredummy)\ **Post date:** [10. November 2016 um 12:16 UTC](https://forum.shopware.com/t/hintergrunde-anpassen/40768/10 "2016-11-10T12:16:43Z")
An der Hauptmenüleiste bin ich auch gerade dran. Inspektor sagt .js–menu-scroller und menu-scroller.less  und main-navigation.less. Ist es so schwer nur die Farben für link und hoover ander zu machen ohne das es den Rest beeinflußt? Habe in der main.navigation.less .navigation-main .navigation–list { color: #FCC876;} .navigation-main .navigation–link {     color: #FCC876;} eingetragen. Reagiert aber nicht und zeigt nur die Farben die im Templatemanager definiert sind. Auch im menu-scroller.less passiert nix. Kann ich das vielleicht einfach im Template erzwingen?