# SCSS Klassen überschreiben

**URL:** <https://forum.shopware.com/t/scss-klassen-uberschreiben/65668>\
**Category:** Themes & Design\
**Created:** [21. März 2020 um 18:52 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668 "2020-03-21T18:52:49Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ShopwareNooby](https://avatars.discourse-cdn.com/v4/letter/s/9de0a6/32.png) [@ShopwareNooby](https://forum.shopware.com/u/ShopwareNooby)\
**Post date:** [21. März 2020 um 18:52 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/1 "2020-03-21T18:52:49Z")

</div>

Hallo zusammen 🙂

ich möchte eine bestehende Klasse ( .footer-column-header) überschreiben. Kann mir jemand eine kurze Anleitung über die Vorgehensweise geben.

Über Lösungsvorschläge wäre ich sehr dankbar 🙂

Liebe Grüße&nbsp;

Vanessa

---

<div class="post-metadata">

**Author:** ![claudio](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@claudio](https://forum.shopware.com/u/claudio)\
**Post date:** [21. März 2020 um 20:46 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/2 "2020-03-21T20:46:19Z")

</div>

Kennst du das schon?

[https://docs.shopware.com/en/shopware-platform-dev-en/how-to/storefront-assets](https://docs.shopware.com/en/shopware-platform-dev-en/how-to/storefront-assets)

---

<div class="post-metadata">

**Author:** ![ShopwareNooby](https://avatars.discourse-cdn.com/v4/letter/s/9de0a6/32.png) [@ShopwareNooby](https://forum.shopware.com/u/ShopwareNooby)\
**Post date:** [21. März 2020 um 22:16 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/3 "2020-03-21T22:16:52Z")

</div>

Hey Claudio,

danke für deine schnelle Antwort 🙂

Ja den Artikel kenn ich schon. Ich habe auch eine footer.scss datei (in der gleichen Struktur wie in der Shopware Root)angelegt und diese auch in die base.scss datei importiert nur leider wird der Wert nicht übernommen.&nbsp;  
VG&nbsp;

Vanessa 🙂

---

<div class="post-metadata">

**Author:** ![claudio](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@claudio](https://forum.shopware.com/u/claudio)\
**Post date:** [22. März 2020 um 12:45 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/4 "2020-03-22T12:45:22Z")

</div>

Die main.js (kann leer sein) hast du auch angelegt und hinterher ein&nbsp;./psh.phar storefront:build?

Taucht dein Plugin auf, wenn du ./psh.phar storefront:build ausführst?

&nbsp;&nbsp; &nbsp;# Webpack Plugin Injector: Plugin “Storefront” injected as a new entry point  
&nbsp;&nbsp; &nbsp;# Webpack Plugin Injector: Plugin “DeinPlugin” injected as a new entry point  
&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![claudio](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@claudio](https://forum.shopware.com/u/claudio)\
**Post date:** [22. März 2020 um 12:55 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/5 "2020-03-22T12:55:34Z")

</div>

Ich habs bei mir grad noch mal ausprobiert. Die main.js muss wohl vorhanden sein, damit das Plugin für den Webpack Injector erkannt wird.

Das ist aber bei mir nicht notwendig, um Änderungen in der base.scss (src/Resources/app/storefront/src/scss/base.scss) zu machen.

Die Ordnerstruktur in dem Beispielplugin auf github scheint&nbsp;veraltet zu sein.

---

<div class="post-metadata">

**Author:** ![ShopwareNooby](https://avatars.discourse-cdn.com/v4/letter/s/9de0a6/32.png) [@ShopwareNooby](https://forum.shopware.com/u/ShopwareNooby)\
**Post date:** [22. März 2020 um 13:03 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/6 "2020-03-22T13:03:03Z")

</div>

Hi Claudio,&nbsp;

danke für deine Bemühungen:)

die main js ist vorhanden und wenn ich ./psh.phar ausführe taucht auch mein plugin auf. Ich habs auch mit dem Beispiel von der Doc probiert (body{backgroundcolor:blue}) probiert das wird auch nicht im Storefront übernommen.&nbsp;  
Kann es sein das man sowas in der override.scss umsetzt?

Grüße Vanessa

---

<div class="post-metadata">

**Author:** ![claudio](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@claudio](https://forum.shopware.com/u/claudio)\
**Post date:** [22. März 2020 um 13:16 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/7 "2020-03-22T13:16:03Z")

</div>

Ich hab grad mal nen Pull request für das Beispiel Plugin gemacht. Vielleicht kannst du es damit mal probieren.

Wichtig war, dass ein “src” Order unterhalb von “storefront” ist.

[https://github.com/shopware/swag-docs-storefront-assets/pull/5](https://github.com/shopware/swag-docs-storefront-assets/pull/5)

&nbsp;

---

<div class="post-metadata">

**Author:** ![claudio](https://avatars.discourse-cdn.com/v4/letter/c/7cd45c/32.png) [@claudio](https://forum.shopware.com/u/claudio)\
**Post date:** [22. März 2020 um 13:18 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/8 "2020-03-22T13:18:10Z")

</div>

Vgl. auch&nbsp;[https://issues.shopware.com/issues/NEXT-7743](https://issues.shopware.com/issues/NEXT-7743)

---

<div class="post-metadata">

**Author:** ![ShopwareNooby](https://avatars.discourse-cdn.com/v4/letter/s/9de0a6/32.png) [@ShopwareNooby](https://forum.shopware.com/u/ShopwareNooby)\
**Post date:** [22. März 2020 um 15:45 UTC](https://forum.shopware.com/t/scss-klassen-uberschreiben/65668/9 "2020-03-22T15:45:23Z")

</div>

Hey Claudio,&nbsp;

nochmals Danke für deine Bemühung :)&nbsp;

Jetzt hats auf einmal funktioniert obwohl ich nichts geändert habe. Weist du woran das liegen könnte :D&nbsp;

Grüße&nbsp;

Vanessa&nbsp;