# Hintergrundfarbe des Headers ändern **URL:** \ **Category:** Themes & Design\ **Created:** [22. September 2015 um 17:29 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772 "2015-09-22T17:29:24Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 17:29 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/1 "2015-09-22T17:29:24Z")
Hallo, ich versuche bereits seit Stunden die Hintergrundfarbe meines Headers zu ändern, jedoch ändert sich nicht der gesamte Hintergrund. Ich weiß das es bereits viele Threads diesbezüglich gab, jedoch wurde ich aus diesen nicht schlau. Ich habe versucht die header.less Datei und die main-navigation.less Datei zuändern, aber das führte nicht zum gewünschten Ziel. Ich weiß nicht genau welche Codes ich bearbeiten muss. Zudem würde ich gerne den gesamten Header transparent gestalten? Wie könnte ich das tun? Ich bitte um Hilfe! Grüße, Gregor ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [22. September 2015 um 17:53 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/2 "2015-09-22T17:53:50Z")
hi, ` .header-main { background:#ddd; .container { background:transparent; } }` Mit diesem code bekommst du gen gesammten header in deiner gewünschten Farbe. Wenn der header transparent sein soll musst du bei .header-main für den background einfach rgba(0, 0, 0, 0) eingeben. ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 18:25 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/3 "2015-09-22T18:25:38Z")
// Basic header .header-main { .unitize(padding-bottom, 10); background: rgba(0, 0, 0, 0.8); .container { background:transparent; } } border-bottom: 1px solid @brand-primary; // Hide the currency and language switcher .top-bar { display: none } So? Danke für die schnelle Hilfe! ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [22. September 2015 um 18:31 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/4 "2015-09-22T18:31:52Z")
Ja, einfach den code in deine eigene header.less datei kopieren. Das unitize kann man dann weglassen. ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 18:38 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/5 "2015-09-22T18:38:49Z")
Danke! ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 18:42 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/6 "2015-09-22T18:42:19Z")
Jetzt bekomme ich diesen Fehler hier: Es ist ein Fehler aufgetreten Während der Bearbeitung von Shop „Swedenmade“ ist ein Fehler aufgetreten: ParseError: missing opening `{` in header.less on line 45, column 1 43| 44| .header–navigation { position: relative; } 45| } 46| 47| // Small Checkout & Registration Header 48| .is–ctl-checkout.is–minimal-header, ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [22. September 2015 um 18:53 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/7 "2015-09-22T18:53:10Z")
Diese Fehler hatte ich auch, weil ich vorher css dateien mit Scriptly gemacht habe und es da eine autocomplete-Funktion gibt. Bei Brackets für die less Dateien gibt es leider kein autocomplete. Da vergisst man mal ein ; oder eine Klammer. Du hast keine eigene header.less angelegt oder? Mach das mal und füge dann einfach nur meinen code von obein ein. ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [22. September 2015 um 18:54 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/8 "2015-09-22T18:54:21Z")
Der Fehler steht doch ganz genau da: ParseError: missing opening `{` in header.less on line 45 Nur copy&paste bringt auch nicht viel … ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 19:05 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/9 "2015-09-22T19:05:32Z")
Ich habe bereits eine eigene header.less Datei erstellt. Ich bekomme ich Fehlermeldung einfach nicht weg. Ich habe einfach den Code den du oben gepostet hast in Brackets eingegeben und nicht verändert, bis auf “.unitize(padding-bottom, 10);” diese Zeile die ich gelöscht habe. ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [22. September 2015 um 19:10 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/10 "2015-09-22T19:10:12Z")
Poste doch mal deine komplette header.less ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [22. September 2015 um 19:11 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/11 "2015-09-22T19:11:15Z")
wenn du noch keine Änderungen gemacht hast muss die datei ansonsten leer sein! Lösch alles raus und lass nur das hier stehen: `.header-main { background:#ddd; .container { background:transparent; } }` ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 19:35 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/12 "2015-09-22T19:35:09Z")
Das heißt ich muss garnicht die komplette Datei übernehmen? ---
**Author:** ![Swedenmade](https://avatars.discourse-cdn.com/v4/letter/s/34f0e0/32.png) [@Swedenmade](https://forum.shopware.com/u/Swedenmade)\ **Post date:** [22. September 2015 um 19:43 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/13 "2015-09-22T19:43:35Z")
Hat funktioniert, vielen Dank an euch! ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [22. September 2015 um 19:48 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/14 "2015-09-22T19:48:29Z")
Optimal! Ganz genau, du musst nicht die Datei kopieren sondern sie nur anlegen und dann dort deine Änderungen eintragen. Als ich mit shopware 5 und den less dateien konfrontiert war bin ich auch in Panik geraten und habe die gesammten Dateien Kopiert und dann gab es nur Chaos und dann hatte ich auch diese Fehlermeldungen etc. 😃 ---
**Author:** ![Vitago\_GmbH](https://avatars.discourse-cdn.com/v4/letter/v/67e7ee/32.png) [@Vitago\_GmbH](https://forum.shopware.com/u/Vitago_GmbH)\ **Post date:** [22. September 2015 um 21:21 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/15 "2015-09-22T21:21:41Z")
[quote=“Markus123”] Als ich mit shopware 5 und den less dateien konfrontiert war bin ich auch in Panik geraten und habe die gesammten Dateien Kopiert und dann gab es nur Chaos und dann hatte ich auch diese Fehlermeldungen etc. :D[/quote] Ging mir nicht anders, es wird leider viel zu wenig darauf hingewiesen, und ein Neuling kann das nicht wissen. Dahinter gekommen bin ich dank dem Video von @Kayyy. Lg ---
**Author:** ![Markus123](https://avatars.discourse-cdn.com/v4/letter/m/4af34b/32.png) [@Markus123](https://forum.shopware.com/u/Markus123)\ **Post date:** [22. September 2015 um 23:24 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/16 "2015-09-22T23:24:57Z")
edit: hat sich erledigt ---
**Author:** ![appelche](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@appelche](https://forum.shopware.com/u/appelche)\ **Post date:** [23. September 2015 um 10:26 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/17 "2015-09-23T10:26:47Z")
Moin, ich habe grundsätzlich die selbe Frage. Wir haben uns für das DashOneV2 Theme entschieden. Leider sind die Farbschemaoptionen im Backend dazu sehr reduziert ☹ Ich habe ein neues Template angelegt und als Quelle das original DashoneV2 angegeben. Funktioniert soweit. Im Code steht nun folgendes: .header-main background: #004494; Nun habe ich folgende Datei angelegt: /meintemplate/\_public/src/css/all.less und darin dies geschrieben .header-main { background-color: #FFFFFF; } Cache gelöscht. Macht er aber nicht weiss :-/ Wo ist mein Fehler? ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [23. September 2015 um 11:23 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/18 "2015-09-23T11:23:49Z")
Du musst das Theme nach .less Änderungen neu kompilieren ( Also im Theme Manager neu erneut zuweisen ). ---
**Author:** ![appelche](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@appelche](https://forum.shopware.com/u/appelche)\ **Post date:** [23. September 2015 um 11:49 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/19 "2015-09-23T11:49:58Z")
EDIT: Falscher Ordner. Muss in LESS und nicht in CSS ---
**Author:** ![Vitago\_GmbH](https://avatars.discourse-cdn.com/v4/letter/v/67e7ee/32.png) [@Vitago\_GmbH](https://forum.shopware.com/u/Vitago_GmbH)\ **Post date:** [23. September 2015 um 15:56 UTC](https://forum.shopware.com/t/hintergrundfarbe-des-headers-andern/30772/20 "2015-09-23T15:56:36Z")
[quote=“appelche”]Moin, ich habe grundsätzlich die selbe Frage. Wir haben uns für das DashOneV2 Theme entschieden. Leider sind die Farbschemaoptionen im Backend dazu sehr reduziert ☹ Ich habe ein neues Template angelegt und als Quelle das original DashoneV2 angegeben. Funktioniert soweit. Im Code steht nun folgendes: .header-main background: #004494; Nun habe ich folgende Datei angelegt: /meintemplate/\_public/src/css/all.less und darin dies geschrieben .header-main { background-color: #FFFFFF; } Cache gelöscht. Macht er aber nicht weiss :-/ Wo ist mein Fehler?[/quote] Hi, `Nun habe ich folgende Datei angelegt: /meintemplate/\_public/src/css/all.less und darin dies geschrieben .header-main { background-color: #FFFFFF; }` [color=red]FALSCH!!![/color] In die header.less kommt: .header-main { background:#ddd; .container { background:transparent; } } Und in die all.less kommt: [color=black]@import[/color] [color=blue]"\_modules/header";[/color] Theme kompilieren fertig. 😉 Lg