# CSS Style Problem

**URL:** <https://forum.shopware.com/t/css-style-problem/53406>\
**Category:** Allgemein\
**Created:** [11. Juni 2018 um 13:05 UTC](https://forum.shopware.com/t/css-style-problem/53406 "2018-06-11T13:05:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![maximum3012](https://avatars.discourse-cdn.com/v4/letter/m/a8b319/32.png) [@maximum3012](https://forum.shopware.com/u/maximum3012)\
**Post date:** [11. Juni 2018 um 13:05 UTC](https://forum.shopware.com/t/css-style-problem/53406/1 "2018-06-11T13:05:18Z")

</div>

Hallo zusammen,

ich passe derzeit eine HTML Seite an Shopware an. Hierbei habe ich mehrere CSS&nbsp;Datein in shopware eingebunden. Soweit hat auch alles funktioniert, doch JETZT!

Änderungen an der CSS werden nicht übertragen, es wird immernoch die alte CSS angezeigt.&nbsp;

Was habe ich versucht:

-Cache löschen (auch manuell)&nbsp;

-CSS am Rechner ändern und neu hochladen

-Theme Kompilieren&nbsp;

Wenn ich die CSS vom Server lösche wird mir auch angezeigt, dass die CSS Fehlt

&nbsp;

Danke

---

<div class="post-metadata">

**Author:** ![RobKot](https://avatars.discourse-cdn.com/v4/letter/r/7ab992/32.png) [@RobKot](https://forum.shopware.com/u/RobKot)\
**Post date:** [12. Juni 2018 um 08:41 UTC](https://forum.shopware.com/t/css-style-problem/53406/2 "2018-06-12T08:41:41Z")

</div>

Hallo maximum3012,

du hast die CSS direkt im Theme eingebunden? Und Deine definitionen überschreiben nicht die Standard-Werte?

Die „alte CSS“ bleibt natürlich erhalten, du überschreibst ja nur die Werte. Was sagt die Entwicklerconsole des Browsers?

Gruß Rob

---

<div class="post-metadata">

**Author:** ![maximum3012](https://avatars.discourse-cdn.com/v4/letter/m/a8b319/32.png) [@maximum3012](https://forum.shopware.com/u/maximum3012)\
**Post date:** [12. Juni 2018 um 12:40 UTC](https://forum.shopware.com/t/css-style-problem/53406/3 "2018-06-12T12:40:59Z")

</div>

Hallo RobKot,

&nbsp;

CSS ist über inde/header.tpl eingebunden die Standard-Werte werden nur teilweise überschrieben was auch kein Problem ist (!important).

1. Ich habe die styles.css hochgeladen und eingebunden
2. Ich habe eine änderungen in der styles.css vorgenommen
3. Ich habe die styles.css hochgeladen und die alte überschrieben
4. Änderung wurde nicht übernommen (cache leerung, kompilieren alles gemacht)

Ich bin etwas radlos&nbsp; ![Undecided](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/undecided.png "Undecided")

Habe jetzt eine neue .less datei eingebunden mir der klappt alles super aber ich würde es gerne verstehen.

---

<div class="post-metadata">

**Author:** ![RobKot](https://avatars.discourse-cdn.com/v4/letter/r/7ab992/32.png) [@RobKot](https://forum.shopware.com/u/RobKot)\
**Post date:** [12. Juni 2018 um 15:42 UTC](https://forum.shopware.com/t/css-style-problem/53406/4 "2018-06-12T15:42:20Z")

</div>

Hallo macimum3012,

zunächst würde ich dir empfehlen die CSS über das Backend einzubinden. Weil die CSS so in jedem Fall in der richtigen Reihenfolge in das Template geladen wird.  
Ich vermute dass im Quelltext Deiner Seite die von dir in der header.tpl eingebunde CSS Datei **vor und nicht nach** den Standard CSS Files von Shopware geladen wird. Zumindest würde das erklären warum nur ein Teil der CSS funktioniert. (weil der andere Teil von den Shopware Standards überschireben wird)

Siehe hier: [CSS/Tutorials/Einstieg/Kaskade – SELFHTML-Wiki](https://wiki.selfhtml.org/wiki/CSS/Kaskade)

&nbsp;

Gruß RobKot