# Abstand der Tabs kleiner machen **URL:** \ **Category:** Themes & Design\ **Created:** [10. April 2018 um 14:50 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288 "2018-04-10T14:50:58Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Sarah\_Tier](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@Sarah\_Tier](https://forum.shopware.com/u/Sarah_Tier)\ **Post date:** [10. April 2018 um 14:50 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/1 "2018-04-10T14:50:58Z")
Hallo ihr lieben, in welcher Datei kann ich den Abstand der Tabs verkleinern z.B auf 0 um diese direkt nebeneinander anzeigen zu lassen. Verwende das Plugin von @scharfemedia‍ ([Erstellen von zusätzlichen Tabs , Eigenschaften- und Downloads - Tabs für die Artikeldetailseiten](https://store.shopware.com/scha168252746948/erstellen-von-zusaetzlichen-tabs-eigenschaften-und-downloads-tabs-fuer-die-artikeldetailseiten.html)).     ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/2/2fe07a0e827c83d6da865c6de8602a63114af437.jpeg) ---
**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\ **Post date:** [11. April 2018 um 10:27 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/2 "2018-04-11T10:27:17Z")
Hallo @Sarah\_Tier‍, das kannst du über die all.less Datei in deinem Template steuern. Der Code ist im Responsive-Template in der Datei “tab-menu.less”. Hier ein Beispiel: ``` .js--tab-menu { .tab--link { .unitize-margin(0, -2, 0, 0); } } ``` VG ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bb8958d17f9f7c07e111287f43ec676d699d0799.png) enerSpace Webhosting Tel.: +49 511 - 219 568 76 | Web: [https://www.enerspace.de](https://www.enerspace.de/) ---
**Author:** ![Sarah\_Tier](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@Sarah\_Tier](https://forum.shopware.com/u/Sarah_Tier)\ **Post date:** [11. April 2018 um 10:50 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/3 "2018-04-11T10:50:32Z")
Hallo @enerSpace‍,  danke werde es einmal testen und ein Feedback geben 🙂 Edit: Hat funktioniert, vielen dank. Frage: kann ich es auch so ähnlich steuern mit den Artikel Übersicht wo 4 Spalten sind ?   ---
**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\ **Post date:** [12. April 2018 um 22:15 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/4 "2018-04-12T22:15:56Z")
Hallo @Sarah\_Tier‍, war der Edit mit einer neuen Frage versehen? Wenn ja, hätte ich das fast übersehen. Am besten du erstellst immer eine neue Antwort  ![Smile](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/smile.png "Smile") Über .LESS kannst du auch das steuern. Kannst du mir im Testshop von Shopware ([https://www.shopwaredemo.de](https://www.shopwaredemo.de)) ein Beispiel zuschicken? Dann suche ich dir den teil gern raus. VG ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bb8958d17f9f7c07e111287f43ec676d699d0799.png) enerSpace Webhosting Tel.: +49 511 - 219 568 76 | Web: [https://www.enerspace.de](https://www.enerspace.de/)   ---
**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\ **Post date:** [13. April 2018 um 16:29 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/5 "2018-04-13T16:29:35Z")
Hallo @Sarah\_Tier‍, wie per PM versprochen, habe ich dir einen Code zusammengestrickt, womit du die Breite und die Anzahl der Produktboxen wie folgt abändern kannst: 1. Desktop: Standard 3 Kacheln 2. Tablet Landscape: 3 Kacheln 3. Tablet: 3 Kacheln 4. Mobile Landscape: 2 Kacheln 5. Mobile: 2 Kacheln  Der Original-Code kommt dieses mal aus der Datei: " **\_modules/product-box.less**" **LESS Code für die Produktboxen:** ``` // Info: Ändert das Listing, damit die Breite der Produkt-boxen angepasst werden kann // Wenn du die Breite oder die Höhe ändern möchtest, musst du hier die Pixel festlegen. Voreingestellt sind 5px // Du kannst hier aber auch einen Prozentwert eingeben @abstand-breite-der-produktbox: 5px; @abstand-hoehe-der-produktbox: 5px; .listing { margin: -@abstand-hoehe-der-produktbox 0 0 -@abstand-breite-der-produktbox; } .product--box { padding: @abstand-hoehe-der-produktbox 0 0 @abstand-breite-der-produktbox; } // Hier wird die Standardbreite für jede einzelne Produkt-box festgelegt. 50% bedeutet bei der Mobilen Ansicht 2 Boxen .box--minimal { width: 50%; } // Ansicht phone landscape @media screen and(min-width: @phoneLandscapeViewportWidth) { .box--minimal { width: 50%; } } // Ansicht tablet (33.3% = 3 Kacheln) @media screen and(min-width: @tabletViewportWidth) { .box--minimal { width: 33.3%; } } // Ansicht tablet landscape @media screen and(min-width: @tabletLandscapeViewportWidth) { .box--minimal { width: 33.3%; } } // Ansicht desktop @media screen and(min-width: @desktopViewportWidth) { .box--minimal { width: 33.3%; } } ``` Das kannst du einfach wieder in deine all.less Datei kopieren. Edit: - Höhe hinzugefügt VG ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bb8958d17f9f7c07e111287f43ec676d699d0799.png) enerSpace Webhosting Tel.: +49 511 - 219 568 76 | Web: [https://www.enerspace.de](https://www.enerspace.de/) ---
**Author:** ![Sarah\_Tier](https://avatars.discourse-cdn.com/v4/letter/s/bc79bd/32.png) [@Sarah\_Tier](https://forum.shopware.com/u/Sarah_Tier)\ **Post date:** [13. April 2018 um 17:06 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/6 "2018-04-13T17:06:43Z")
Hallo @enerSpace‍, Du bist der Beste! (Y)  Funktionirt super und das ohne problem. ---
**Author:** ![enerSpace](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/enerspace/32/13552_2.png) [@enerSpace](https://forum.shopware.com/u/enerSpace)\ **Post date:** [13. April 2018 um 17:16 UTC](https://forum.shopware.com/t/abstand-der-tabs-kleiner-machen/52288/7 "2018-04-13T17:16:19Z")
> [@Sarah\_Tier schrieb:](https://forum.shopware.com/profile/27956/Sarah_Tier "Sarah\_Tier") > > Funktionirt super und das ohne problem. Wie alles bei uns  ![Sticking-out-tongue](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/ac0c93e2160fb9e91c30767775d64444ad0f06c4.png "Sticking-out-tongue") VG ![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/bb8958d17f9f7c07e111287f43ec676d699d0799.png) enerSpace Webhosting Tel.: +49 511 - 219 568 76 | Web: [https://www.enerspace.de](https://www.enerspace.de/)