# Eigene Less-Dateien **URL:** \ **Category:** Themes & Design\ **Created:** [25. Februar 2016 um 14:36 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807 "2016-02-25T14:36:45Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![stebdesigner](https://avatars.discourse-cdn.com/v4/letter/s/e19b73/32.png) [@stebdesigner](https://forum.shopware.com/u/stebdesigner)\ **Post date:** [25. Februar 2016 um 14:36 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/1 "2016-02-25T14:36:45Z")
Ich möchte ein paar Änderungen am Design vornehmen. Dafür werden vor allem eigene CSS-Klassen erstellt. Wie sollte ich jetzt genau vorgehen? Stimmt meine Vorgehensweise? 1. Die all.less vom Parent-Theme rüber kopieren 2. LESS-Datei wie z.B. eigene.less erstellen 3. In die neue all.less per @import-Regel meine eigene.less einfügen 4. Alle neuen CSS-Regeln in die eigene.less einfügen Falls nicht, würde ich mich über eure Unterstützung freuen. ---
**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\ **Post date:** [25. Februar 2016 um 15:26 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/2 "2016-02-25T15:26:31Z")
Hallo, der empfohlene Weg wäre beispielsweise hier zu finden: [Example: Custom listing page](https://developers.shopware.com/designers-guide/custom-listing-page/) im Bereich " **Styling**". Prinzipiell musst du nur innerhalb deines eigenen Themes: 1. im Pfad „themes\Frontend\ **DEIN\_THEME** \frontend\_public\src\less“ die Datei " **all.less**" anlegen 2. Diese Datei " **all.less**" bspw. mit dem Inhalt füllen: 3. im Pfad „themes\Frontend\DEIN\_THEME\frontend\_public\src\less“ die Datei " **styles.less**" anlegen 4. Die Datei **styles.less** mit den entsprechenden CSS-/LESS-Anweisungen füllen. Beste Grüße Sebastian ---
**Author:** ![stebdesigner](https://avatars.discourse-cdn.com/v4/letter/s/e19b73/32.png) [@stebdesigner](https://forum.shopware.com/u/stebdesigner)\ **Post date:** [25. Februar 2016 um 18:48 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/3 "2016-02-25T18:48:27Z")
Vielen Dank für deine Antwort. Dann bin ich gar nicht so falsch gelegen. LESS ist für mich neu. Ich kann doch dann in meine eigene LESS-Datei einfach auch eine CSS-Anweisung einfügen, oder? ``` h1 { border-bottom: 1px solid #eee; } ``` Habe das eben getestet. Aber irgendwie wird nichts am Design verändert.  ---
**Author:** ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)\ **Post date:** [25. Februar 2016 um 18:54 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/4 "2016-02-25T18:54:18Z")
> [@stebdesigner schrieb:](https://forum.shopware.com/profile/23167/stebdesigner "stebdesigner") > > Habe das eben getestet. Aber irgendwie wird nichts am Design verändert.  Cache gelöscht und Themes neu kompiliert? Hier noch paar Informationen zu Less, hat mir zum Anfang sehr geholfen. \> [http://www.lesscss.de](http://www.lesscss.de) Gruß Uwe ---
**Author:** ![stebdesigner](https://avatars.discourse-cdn.com/v4/letter/s/e19b73/32.png) [@stebdesigner](https://forum.shopware.com/u/stebdesigner)\ **Post date:** [25. Februar 2016 um 18:56 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/5 "2016-02-25T18:56:28Z")
Kompiliert habe ich es nicht neu. Danke 😉 ---
**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\ **Post date:** [25. Februar 2016 um 18:57 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/6 "2016-02-25T18:57:21Z")
Schau mal hier: [https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen](https://shopwareianer.com/tutorials/shopware-eigene-less-datei-anlegen) ---
**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\ **Post date:** [25. Februar 2016 um 18:57 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/7 "2016-02-25T18:57:57Z")
Hallo, du kannst dich auch für einen Beitrag bedanken ![Wink](http://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/wink.png "Wink"). Ja klar kannst du in einer LESS-Datei auch CSS-Anweisungen schreiben - schlussendlich werden die LESS-Anweisungen ja auch in CSS umgewandelt. Die Anweisung: ``` h1 { border-bottom: 1px solid #eee; } ``` ist natürlich auch sehr „niedrig priorisiert“ - das heisst, wenn die h1 beispielsweise alle eine CSS-Klasse haben und der CSS-Klasse in der Basis-Shopware-CSS-Datei die Eigenschaft schon zugewiesen ist, wird natürlich diese verwendet und deine ist zu „niedrig priorisiert“. Alternativ hilft sicher auch erstmal ein Löschen des Caches. Beste Grüße Sebastian ---
**Author:** ![stebdesigner](https://avatars.discourse-cdn.com/v4/letter/s/e19b73/32.png) [@stebdesigner](https://forum.shopware.com/u/stebdesigner)\ **Post date:** [25. Februar 2016 um 19:02 UTC](https://forum.shopware.com/t/eigene-less-dateien/34807/8 "2016-02-25T19:02:26Z")
Ich sag trotzdem auch so nochmal Danke  ![Wink](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/b3785da0cbf2c8566cb535dcf55b2730b5224899.png "Wink") Jetzt funktioniert alles. Das mit der h1-Überschrift war nur ein kurzes Beispiel. Genau genommen hab ich die Klasse  **.custom-page–content .custom-page–tab-headline** genommen. Viele Grüße Stefan