# Ändern der Farbe von Hintergrund und Navigationsleiste

**URL:** <https://forum.shopware.com/t/andern-der-farbe-von-hintergrund-und-navigationsleiste/23663>\
**Category:** Shopware 3.5\
**Tags:** themes--design\
**Created:** [18. November 2014 um 23:11 UTC](https://forum.shopware.com/t/andern-der-farbe-von-hintergrund-und-navigationsleiste/23663 "2014-11-18T23:11:03Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![sellexpert](https://avatars.discourse-cdn.com/v4/letter/s/ad7895/32.png) [@sellexpert](https://forum.shopware.com/u/sellexpert)\
**Post date:** [18. November 2014 um 23:11 UTC](https://forum.shopware.com/t/andern-der-farbe-von-hintergrund-und-navigationsleiste/23663/1 "2014-11-18T23:11:03Z")

</div>

Halo Zusammen, habe ausgehend vom Emotion Template ein eigenes Template erstellt, indem ich nun die Hintergrundfarbe ändern möchte und die Farbe der Navigationsleiste. Anhand dieser Beispiele möchte ich die konkrete Vorgehensweise für einfache Änderungen erlernen. Wenn ich es richtig verstanden habe muss ich zum eine meine Templatestruktur verändern und zum anderen meine eigene css. Datei. Was muss ich konkret wo machen? Vielen Dank für Eure Hilfe und viele Grüße!

---

<div class="post-metadata">

**Author:** ![Webgreat.de](https://avatars.discourse-cdn.com/v4/letter/w/ac91a4/32.png) [@Webgreat.de](https://forum.shopware.com/u/Webgreat.de)\
**Post date:** [18. November 2014 um 23:27 UTC](https://forum.shopware.com/t/andern-der-farbe-von-hintergrund-und-navigationsleiste/23663/2 "2014-11-18T23:27:59Z")

</div>

Es macht Sinn wenn du dir diesen Beitrag mal ansiehst: [http://wiki.shopware.com/Schnelleinstie … l\_876.html](http://wiki.shopware.com/Schnelleinstieg-Template-Tutorial-4.0%5C_detail%5C_876.html) Lege in deinem Template folgende Ordnerstruktur an: `\templates\DEINTEMPLATE\frontend\index` Dort legst du eine datei “header.tpl” mit folgendem Inhalt: `{block name="frontend\_index\_header\_css\_screen" prepend} <link type="text/css" media="all" rel="stylesheet" href="%7Blink%20file='frontend/_resources/styles/dein-style.css'%7D">{/block}` Ordner für dein CSS File anlegen `\templates\DEINTEMPLATE\frontend\_resources\styles` In diesen ordner legst du deine CSS Datei die du oben eingebunden hast. Für das schnelle Erfolgserlebnis 😉 Das Tutorial solltest du dir auf jeden Fall ansehen!