# Klassen aus .less Dateien überschreiben klappt nicht

**URL:** <https://forum.shopware.com/t/klassen-aus-less-dateien-uberschreiben-klappt-nicht/40761>\
**Category:** Themes & Design\
**Created:** [23. Oktober 2016 um 23:21 UTC](https://forum.shopware.com/t/klassen-aus-less-dateien-uberschreiben-klappt-nicht/40761 "2016-10-23T23:21:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ecw](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@ecw](https://forum.shopware.com/u/ecw)\
**Post date:** [23. Oktober 2016 um 23:21 UTC](https://forum.shopware.com/t/klassen-aus-less-dateien-uberschreiben-klappt-nicht/40761/1 "2016-10-23T23:21:45Z")

</div>

Habe unter&nbsp;[www.meinedomain.de/themes/Frontend/MeinTheme/frontend/\_public/src/less](http://www.meinedomain.de/themes/Frontend/MeinTheme/frontend/_public/src/less) eine all.less angelegt. Wenn ich dort Eigenschaften von Klassen abweichend definiere, wird trotzdem die ursprüngliche Eigenschaft ausgeben. Nur mit dem Zusatz !important klappt es. Ist das so gewollt - kann doch eigentlich nicht sein?

Dann habe ich versuchsweise eine cutomized.css in&nbsp;[www.meinedomain.de/themes/Frontend/MeinTheme/frontend/\_public/src/css](http://www.meinedomain.de/themes/Frontend/MeinTheme/frontend/_public/src/css) angelegt und eingebunden (das schöne ist das man sich hier das ewige kompilieren spart).&nbsp;&nbsp;Aber hier klappt es nicht einmal mit !important, nichts wird überschrieben. Nur in dieser Datei neu angelegte Klassen werden berücksichtigt.

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [24. Oktober 2016 um 06:46 UTC](https://forum.shopware.com/t/klassen-aus-less-dateien-uberschreiben-klappt-nicht/40761/2 "2016-10-24T06:46:42Z")

</div>

Hallo @ecw‍,

kannst du mir bitte einmal den Selektor geben, welchen du überschreiben willst und wie du probiert hast&nbsp;die Eigenschaften zu unterschreiben?

Viele Grüße,  
Stephan Pohl&nbsp;

---

<div class="post-metadata">

**Author:** ![ecw](https://avatars.discourse-cdn.com/v4/letter/e/439d5e/32.png) [@ecw](https://forum.shopware.com/u/ecw)\
**Post date:** [24. Oktober 2016 um 10:18 UTC](https://forum.shopware.com/t/klassen-aus-less-dateien-uberschreiben-klappt-nicht/40761/3 "2016-10-24T10:18:04Z")

</div>

Es geht um den Klassenselektor&nbsp;.banner-slider–title. Er definiert beim EK-Welten Element Banner-Slider den Titel und steht in &nbsp;der&nbsp;…/themes/Frontend/Responsive/frontend/\_public/src/less/\_components/emotions.less&nbsp;

Dort ist der Hintergrund für den Banner-Slider&nbsp;Titel über ‘background: rgba(0, 0, 0, 0.5);’ definiert und ich möchte einfach eine anderen Hintergrundfarbe einsetzen.

Habe es in den beiden im ersten Beitrag genannten&nbsp;Dateien versucht über:

```
// Hintergrund Titel Banner Slider Startseite
    .banner-slider--title {
	background: rgba(29, 186, 44, 0.8);

    }

```

Klappt aber wie gesagt nicht ohne !important