# Logogröße ändern / Farbe + Schriftfarbe im Header ändern **URL:** \ **Category:** Themes & Design\ **Created:** [23. Oktober 2017 um 08:52 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004 "2017-10-23T08:52:42Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![feinys](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@feinys](https://forum.shopware.com/u/feinys)\ **Post date:** [23. Oktober 2017 um 08:52 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/1 "2017-10-23T08:52:42Z")
Hallo! ich habe ein Anliegen bezüglich der Farbe im Header, Schriftfarbe und der Logogröße. Kurz vorab: Ich bin kein Programmierer und mit fehlt leider auch die Basis an Wissen für CSS/LESS. Ich habe probiert, mich durch Turtorials durchzukämpfen. Leider nicht mit dem gewünschten Erfolg. Den Footer habe ich irgendwie hinbekommen, aber beim header verzweifle ich. Ich weiß, dass das für einen Programmierer eine Sache von wenigen Minuten darstellt. Deswegen meine Bitte, ob mir hier jemand den benötigen Code und eine Anleitung zur Verfügung stellen könnte, um diese optischen “Probleme” zu lösen.  Ich möchte:  - die Bereiche im Header und der Navigation (bar) im selben Grauton haben, wie ich es bis jetzt hinbekommen habe ( #404040).  - die Schriftfarbe soll bei den grünen Pfeilen (auch in der Top-Bar!) dann weiß sein - und das Logo soll etwas größer sein (genaue Größe möchte ich gerne selbst einstellen) Ich gehe davon aus, dass das ganze dann auch bei der mobilen Ansicht direkt passt. (Dies war leider bei den letzten Stunden online Turtorials nicht der Fall und ich musste alles abbrechen) Ich bedanke mich schon einmal im Voraus recht herzlich! ---
**Author:** ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)\ **Post date:** [23. Oktober 2017 um 14:43 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/2 "2017-10-23T14:43:21Z")
Bezüglich logogrösse und position gibts einige gute plugins im store.   ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [23. Oktober 2017 um 15:30 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/3 "2017-10-23T15:30:55Z")
Um die Umsetzung dessen was Du möchtest zu beschreiben, würde ein 2tes Wiki entstehen. Nimm das erste: [Frontend Guides](https://developers.shopware.com/designers-guide/)   ---
**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\ **Post date:** [23. Oktober 2017 um 17:37 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/4 "2017-10-23T17:37:46Z")
Quick and Dirty…, ohne Gewähr!!! Am besten mal schnell ne eigene CSS Datei einbinden und testen… ``` .header-main, .navigation-main, .top-bar div.container.block-group { background: #404040; } .content-main, .footer-main .footer--columns, .footer-main .footer--bottom { background: white; } .navigation-main .navigation--link, .navigation--entry.entry--service.has--drop-down { color: white; } .logo-main.block-group div.logo--shop.block a.logo--link picture img { margin-top: -20px; width: 300px !important; /* DEIN GEWÜNSCHTE GRÖSSE? */ height: auto !important; } ```   ---
**Author:** ![feinys](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@feinys](https://forum.shopware.com/u/feinys)\ **Post date:** [23. Oktober 2017 um 18:16 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/5 "2017-10-23T18:16:14Z")
Murmeltier, vielen Dank!  in welche Datei muss ich den code packen? header.less?  ---
**Author:** ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)\ **Post date:** [24. Oktober 2017 um 05:05 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/6 "2017-10-24T05:05:33Z")
Du musst dir am Server erst in deinem eigenen Template, nicht im original Template, die Datei anlegen. An die gleiche Stelle im Ordnerbaum wo die Datei im Original Template auch ist. Header.less scheint zu stimmen, jedoch musst du in der oberen Ordnerstruktur noch den Modulimport als Datei anlegen. Ebenfalls im eigenen Template. Dann kannst du den Code einfügen. Hier siehst du mal einen Thread von mir wo ich das genauer beschrieben hatte: [https://forum.shopware.com/discussion/41243/farbe-fuer-header-navileiste-footer-und-background-anpassen-fuer-newbies/](https://forum.shopware.com/discussion/41243/farbe-fuer-header-navileiste-footer-und-background-anpassen-fuer-newbies/)   Viele Grüße Matthias   ---
**Author:** ![feinys](https://avatars.discourse-cdn.com/v4/letter/f/53a042/32.png) [@feinys](https://forum.shopware.com/u/feinys)\ **Post date:** [24. Oktober 2017 um 07:19 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/7 "2017-10-24T07:19:24Z")
Danke Matthias! deine Tipps im anderen Thread haben in der Tat geholfen. Diese Dateien hatte ich auch schon einmal alle angelegt. Aber wohl die Reihenfolge vom Code bzw. der Code an sich war mein Problem.  ---
**Author:** ![Murmeltier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/murmeltier/32/16126_2.png) [@Murmeltier](https://forum.shopware.com/u/Murmeltier)\ **Post date:** [24. Oktober 2017 um 18:11 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/8 "2017-10-24T18:11:18Z")
Ich hatte doch geschrieben: _Eigene CSS Datei anlegen!_ Die kannst Du im Thememanager ganz einfach einbinden: So musst Du nicht in den LESS Dateien rumfuhrwerken und das lästige Theme kompilieren entfällt somit auch! LESS ist so unnötig wie ein Kropf, denn nach dem kompilieren kommt sowieso wieder nur CSS raus. ![Wink](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink") ---
**Author:** ![kulli](https://avatars.discourse-cdn.com/v4/letter/k/a3d4f5/32.png) [@kulli](https://forum.shopware.com/u/kulli)\ **Post date:** [19. August 2018 um 06:00 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/9 "2018-08-19T06:00:31Z")
Hallo Murmeltier, Wo muss ich die Datei ablegen ? Habe schon einige Pfade (css) ausprobiert, aber irgendwie scheints nicht zu klappen. ---
**Author:** ![kulli](https://avatars.discourse-cdn.com/v4/letter/k/a3d4f5/32.png) [@kulli](https://forum.shopware.com/u/kulli)\ **Post date:** [19. August 2018 um 06:02 UTC](https://forum.shopware.com/t/logogrosse-andern-farbe-schriftfarbe-im-header-andern/49004/10 "2018-08-19T06:02:38Z")
Ich habs über die Konsole gefunden: Die Datei muss ins root.