# Footer bzw. unterhalb des Footers (Farben und Höhe)

**URL:** <https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583>\
**Category:** Shopware 6 (German)\
**Created:** [8. Februar 2026 um 16:35 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583 "2026-02-08T16:35:22Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [8. Februar 2026 um 16:35 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/1 "2026-02-08T16:35:22Z")

</div>

Hallo zusammen,

ich bin neu bei Shopware 6 und habe ein kleines Problem. Ich kann die Hintergrundsfarbe, Schriftfarbe und die Höhe des Bereichs bzw. unterhalb des Footers nicht verändern. Kann mir jemand sagen, wie ich das machen kann?

 ![footer1](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/f/4/f4095f723612246356386537c1dc6f14d39117d8.jpeg)

Liebe Grüße

Alfredo

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 09:42 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/2 "2026-02-09T09:42:50Z")

</div>

könnte man(n) mal die seite live sehen per link 😃

mit css

```auto
.footer-main .footer-bottom {
  padding: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffffff;
  height:100px;
  background-color: #333436;
}

```

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 09:51 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/3 "2026-02-09T09:51:04Z")

</div>

> **[Custom JavaScript/CSS Manager für Shopware 6](https://store.shopware.com/de/dne5719820551438m/custom-javascript-css-manager-fuer-shopware-6.html)**
>
> Fügt dem Backend einen Container Manager für JavaScript/SCSS hinzu. Schnell und einfach eigenes CSS und JavaScript schreiben und in den Storefront kompilieren.

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 09:57 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/4 "2026-02-09T09:57:09Z")

</div>

Hi Danny,

danke für deine Antwort. Kannst du mir sagen, wie und wo ich deine Zeilen hinzufügen kann? Wie gesagt, wir sind neu bei Shopware 6. Wäre echt nett, wenn ich eine kurze Anleitung bekommen würde.

PS: Die Seite ist noch im Wartungsmodus, sonst gerne.

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 09:58 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/5 "2026-02-09T09:58:00Z")

</div>

da wo man css einfügt deswegen hab ich das plugin gepostet

> **[Add Custom Styling | Shopware Documentation](https://developer.shopware.com/docs/guides/plugins/plugins/storefront/add-custom-styling.html)**
>
> Documentation for Shopware developers

benutzt du ein theme

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 10:05 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/6 "2026-02-09T10:05:27Z")

</div>

Die Dokumentation ist nicht auf Deutsch.

Ich habe eben CSS-Manager gekauft. Weiß aber nicht, was ich jetzt machen soll.

Ja wir benutzen Theme von Shopware6.

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 10:09 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/7 "2026-02-09T10:09:26Z")

</div>

das plugin installieren

unter erweiterung im admin Custom CSS auswählen und Container hinzufügenund im bereich css/scss den css code hinzufügen&speichern

danach cache leeren

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 10:14 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/8 "2026-02-09T10:14:36Z")

</div>

ein wenig must dich schon darein einarbeiten oder jemanden machen lassen der was davon versteht

für mich war schopware auch ganz neu

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 10:16 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/9 "2026-02-09T10:16:26Z")

</div>

> **[Shopware 6: Design mit SCSS Stylesheets anpassen | Grundlagen, Praxisbeispiele...](https://www.youtube.com/watch?v=-XGC2SSz_ew)**
>
> In dieser Video-Reihe zeige ich dir, wie du in Shopware 6 dein eigenes Theme erstellen und anpassen kannst. Im heutigen Video schauen wir uns Template-Anpass...

früher war das plugin mal kostenlos sorry 😇

**html und css ist halt alles english** 😇

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 11:07 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/10 "2026-02-09T11:07:18Z")

</div>

Super, habe ich hinbekommen. Vielen Dank dafür. Noch eine andere Sache: Im Warenkorb werden zwei Bereiche mit weißem Hintergrund angezeigt, siehe Bild. Diese beiden Bereiche müssen schwarz sein. Kann man das wieder über CSS lösen?

 ![warenkorb](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/7/1/711ec679e972be7e9e3bbfd4170b70adc6b5d7de.jpeg)

---

<div class="post-metadata">

**Author:** ![matthiasewald](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/matthiasewald/32/21341_2.png) [@matthiasewald](https://forum.shopware.com/u/matthiasewald)\
**Post date:** [9. Februar 2026 um 11:15 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/11 "2026-02-09T11:15:40Z")

</div>

Moin @Haky78,

für die Zusammenfassung:

```auto
#content-main .checkout-container .checkout-aside-summary{
background: #000;
}

```

Für den Header:

```auto
.header-minimal{
background: #000;
}

```

Grüße  
Matthias

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 11:33 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/12 "2026-02-09T11:33:06Z")

</div>

Danke Matthias, hat super geklappt. Im Warenkorb wird ein Balken in hellgrüner Farbe angezeigt, siehe Bild.

 ![warenkorb2](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/b/3/b3a436d134c0e32367740b8495a33bfec1e18e16.jpeg)

Hätte den Balken gerne in der Farbe orange. Man kann in Hellgrün nichts sehen bzw. lesen, da die Schrift weiß ist.

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 11:39 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/13 "2026-02-09T11:39:46Z")

</div>

> .alert-success {  
> –bs-alert-border-color: #FFA500;  
> –bs-alert-bg: #FFA500;  
> –bs-alert-color: #FFA500;
> 
> }

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 11:43 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/14 "2026-02-09T11:43:13Z")

</div>

Benutz doch das inspector tool vom browser

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 11:47 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/15 "2026-02-09T11:47:05Z")

</div>

Dann müssen ja alle Kunden, die unsere Shop-Seite besuchen, im Browser eigene Einstellungen vornehmen. Wer macht das als Kunde und woher soll der Kunde wissen, dass er Einstellungen im Browser vornehmen muss?

PS: Habe eben einen CSS erstellt, aber deine Zeilen sind nicht angenommen worden. Es kommt ein Fehler.

---

<div class="post-metadata">

**Author:** ![matthiasewald](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/matthiasewald/32/21341_2.png) [@matthiasewald](https://forum.shopware.com/u/matthiasewald)\
**Post date:** [9. Februar 2026 um 11:51 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/16 "2026-02-09T11:51:52Z")

</div>

Moin @Haky78

er meinte damit, dass du mit dem Inspektor Tool selbstständig die Klassen rausfindest, damit du weißt, welche Änderungen du in dein css übernehmen musst. Das muss natürlich nicht jeder Kunde machen 🙂

Grüße  
Matthias

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 12:02 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/17 "2026-02-09T12:02:16Z")

</div>

Leider bin ich in der Hinsicht noch Anfänger.

Tut mir leid, wenn ich nicht in der Hinsicht „mitkomme“.

Kannst du mir eine CSS-Lösung für den hellgrünen Balken schreiben, Mattias?

---

<div class="post-metadata">

**Author:** ![matthiasewald](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/matthiasewald/32/21341_2.png) [@matthiasewald](https://forum.shopware.com/u/matthiasewald)\
**Post date:** [9. Februar 2026 um 12:06 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/18 "2026-02-09T12:06:08Z")

</div>

Sollte so gehen. Kann allerdings auch auswirkungen auf andere Bereiche im Shop ahben, in denen diese Nachrichten auftauchen.

```auto
.alert-success, .alert-success .alert-content-container {
background-color: #ffa500;
}

```

---

<div class="post-metadata">

**Author:** ![Haky78](https://avatars.discourse-cdn.com/v4/letter/h/b9bd4f/32.png) [@Haky78](https://forum.shopware.com/u/Haky78)\
**Post date:** [9. Februar 2026 um 12:12 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/19 "2026-02-09T12:12:13Z")

</div>

Vielen lieben Dank, hat geklappt, Mattias.

Auch dir vielen Dank, DannyBo.

Habt mir sehr geholfen.

---

<div class="post-metadata">

**Author:** ![DannyBO](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/dannybo/32/27919_2.png) [@DannyBO](https://forum.shopware.com/u/DannyBO)\
**Post date:** [9. Februar 2026 um 14:41 UTC](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583/20 "2026-02-09T14:41:51Z")

</div>

> **[What are browser developer tools? - Learn web development | MDN](https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools)**
>
> Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load. This...

[Nächste Seite](https://forum.shopware.com/t/footer-bzw-unterhalb-des-footers-farben-und-hoehe/108583.md?page=2)
