Hallo Shopware, mal eine Frage: Habe ein eigenes Template angelegt und die Farben des Templates geändert. Jetzt ist zum Beispiel in der emotion.css folgendes öfters vorhanden: {color: #e1540f !important;} Wie kann ich die Farbe in meiner css überschreiben, wenn hier !important steht?
Hallo Petra, in dem du auch !important anhängst zB. in deinem Beispiel: {color: #e1540f !important;} neu {color: #000000 !important;} dein !important wiegt mehr als das im emotion.css Template LG COCO
OK, danke!
Hi Petra! Das !important in deinem Stylesheet hilft nur dann, wenn 1. Deine Regel nach der emotion-Regel im Quellcode auftaucht, dazu muss dein Stylesheet später eingebunden sein und 2. Die Spezifität deines Selektors mindestens genau so hoch ist wie die Spezifität des ursprünglichen Selektors aus dem emotion-Stylesheet. Alternativ kannst du auch auf 1. verzichten und einen Selektor nehmen, der eine echt höhere Spezifizität hat als der aus Emotion. Hier gibt es eine recht gute Erklärung dazu, welche CSS-Regel tatsächlich angewendet wird (auf Englisch): http://coding.smashingmagazine.com/2010 … heritance/ Gruß Jost
An der Stelle sollte man aber auch nochmal sagen, dass Shopware beim Layouten es wirklich vermeiden sollte hier !important regeln zu verwenden, sollte eigentlich nicht notwendig sein.