# Hintergrund Farbe

**URL:** <https://forum.shopware.com/t/hintergrund-farbe/98117>\
**Category:** Shopware 5\
**Created:** [20. Januar 2023 um 20:34 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117 "2023-01-20T20:34:03Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![elektro-hausmann](https://avatars.discourse-cdn.com/v4/letter/e/58f4c7/32.png) [@elektro-hausmann](https://forum.shopware.com/u/elektro-hausmann)\
**Post date:** [20. Januar 2023 um 20:34 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/1 "2023-01-20T20:34:03Z")

</div>

Hallo,  
kann wir jemand sagen wie ich die Hintergrundfarbe für meine Shopseiten ändern kann???  
Gruß  
Stefan

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [20. Januar 2023 um 20:38 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/2 "2023-01-20T20:38:41Z")

</div>

> **[Shopware 5 Theme anlegen und anpassen - Teil 1/ 3 - 8mylez.com](https://www.youtube.com/watch?v=O9cayjIfVd8)**
>
> ►► Hol dir jetzt das Shopware eBook für Einsteiger: https://8mylez.com/shopware-tutorial-starte-jetzt-deinen-eigenen-onlineshop-mit-shopware-5/Teil 1/3 - Sho...

---

<div class="post-metadata">

**Author:** ![elektro-hausmann](https://avatars.discourse-cdn.com/v4/letter/e/58f4c7/32.png) [@elektro-hausmann](https://forum.shopware.com/u/elektro-hausmann)\
**Post date:** [21. Januar 2023 um 09:06 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/3 "2023-01-21T09:06:46Z")

</div>

Da kann man lesen bis bis man schwarz wird, ohne das mein Problem erklärt wird. Kann man das nicht in 3 - 4 Sätzen erklären und so erklären das ich das umsetzen kann???

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [21. Januar 2023 um 09:24 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/4 "2023-01-21T09:24:58Z")

</div>

Naja, die Zeit für ein kurzes Video (7 Minuten) solltest Du Dir schon nehmen, da Du auch viel kaputt machen kannst.

---

<div class="post-metadata">

**Author:** ![elektro-hausmann](https://avatars.discourse-cdn.com/v4/letter/e/58f4c7/32.png) [@elektro-hausmann](https://forum.shopware.com/u/elektro-hausmann)\
**Post date:** [21. Januar 2023 um 09:28 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/5 "2023-01-21T09:28:45Z")

</div>

Ich habe gestern bis weit nach Mitternacht in diesem eBook gelesen und vieles erkannt was ich ändern kann, aber zu meinem Problem absolut nichts gefunden. Auch kein Video von 7 Minuten.

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [21. Januar 2023 um 09:31 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/6 "2023-01-21T09:31:57Z")

</div>

In dem verlinkten Video ist es erklärt (ab 03:26) …

 ![Bildschirm­foto 2023-01-21 um 10.32.30](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/a/7/a79e81fe61024b4e7ab379e692dffd4d9630b062.jpeg)

---

<div class="post-metadata">

**Author:** ![elektro-hausmann](https://avatars.discourse-cdn.com/v4/letter/e/58f4c7/32.png) [@elektro-hausmann](https://forum.shopware.com/u/elektro-hausmann)\
**Post date:** [21. Januar 2023 um 11:32 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/7 "2023-01-21T11:32:09Z")

</div>

habe ich verstanden. Sollte auch für mich machbar sein. Ich habe einen Online-Shop und es ist immer schwarze Schrift auf weißem Hintergrund. Ich wollte dort den Hintergrund etwas wärme bringen. Immer dieses triste weiß. Gefällt mir nicht. Ist das überhaupt machbar. Falls du dir ein Bild machen willst, schaue auf [elektro-hausmann.de](http://elektro-hausmann.de) und suche z.B. den Artikel 7061207. Dann wirst du sehen was ich nicht mehr will.  
Frage am Rande, was kostet das Abo bei dir???

---

<div class="post-metadata">

**Author:** ![SCOOPEX](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/scoopex/32/18328_2.png) [@SCOOPEX](https://forum.shopware.com/u/SCOOPEX)\
**Post date:** [21. Januar 2023 um 13:45 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/8 "2023-01-21T13:45:58Z")

</div>

Wenn ich richtig verstehe, möchtest Du den weißen Hintergrund auf den Artikel-Detailseiten ändern (der Shop hat ja bereits ein graues Hintergrundbild) - da müsstest Du Dich in LESS/CSS einarbeiten ([Getting started with LESS](https://developers.shopware.com/designers-guide/less/)) und das ist auch nicht mit 3-4 kurzen Hinweisen getan, da jede Seite aus zig Blöcken besteht.

Damit Du die entsprechenden Stellen besser findest sollte eine CSS Source Map erstellt werden: [LESS Code einfacher finden - Shopware 5 Theme Entwicklung | 8mylez.com](https://www.8mylez.com/blog/pro-tipp-ganz-einfach-herausfinden-in-welcher-less-datei-der-code-steht/)

Allerdings kann ich das auch nicht empfehlen, da mit Sicherheit die Artikelbilder danach seltsam aussehen, wenn diese nicht freigestellt sind.

---

<div class="post-metadata">

**Author:** ![elektro-hausmann](https://avatars.discourse-cdn.com/v4/letter/e/58f4c7/32.png) [@elektro-hausmann](https://forum.shopware.com/u/elektro-hausmann)\
**Post date:** [21. Januar 2023 um 17:36 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/9 "2023-01-21T17:36:46Z")

</div>

Damit komme ich nicht weiter

---

<div class="post-metadata">

**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:** [26. Januar 2023 um 19:45 UTC](https://forum.shopware.com/t/hintergrund-farbe/98117/10 "2023-01-26T19:45:34Z")

</div>

Du könntest einen eigen CSS Datei über den Theme-Manager integrieren und ann dort Dein CSS hinterlegen. Ich weiß, viele werden jetzt sicherlich die Nase rümpfen und was von LESS und Co. erzählen, aber eine stinknormale CSS Datei hat auch Vorteile, denn da muss absolut nix kompiliert werden!

Dafür gehst Du einfach auf Einstellungen \> Theme Manger und klickst dann dort Dein Theme an. Dann klickst Du unten rechts auf »Theme konfigurieren« Button und navigierst dann in das zweite Tab (Konfiguration) dieses Fensters! Dort gibt es ein Feld, wo Du weiter CSS Dateien integrieren kannst:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/e/b/ebf39c0d66809f28336f9bb2d57c7b74d0e248db.png)

Dort gibst Du - vorausgesetzt Du nutzt auch wirklich das Standard SW Responsiv Theme - das ein:

```auto
<link href="themes/Frontend/Responsive/frontend/_public/src/css/MY-AWESOME-STYLES.css" media="all" rel="stylesheet" type="text/css" />

```

Die Datei »MY-AWESOME-STYLES.css« muss dann aber auch genau an den Ort, wie in dem Link!

Wenn Du das erledigt hast, dann kann es auch schon los gehen mit dem CSS. Du musst nun nur noch Deinen Regeln in diese Datei schreiben, also z.B.:

```auto
.content--breadcrumb.block,
.content-main--inner {
	background: beige;
}

```

Dies würde dann z.B. erst mal das hier erzeugen:

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/d/4/d4fc1c3f0ca8b84142c8b595d750256d5b0937d3.png)

Dann noch ein paar CSS-Regeln und Du hast überall Deine Background Color!

Aber klar, dafür solltest Du Dich zumindest ein wenig mit CSS auskennen… 😉
