# Wrapper Abstand verkleinern **URL:** \ **Category:** Themes & Design\ **Created:** [5. August 2016 um 14:17 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829 "2016-08-05T14:17:10Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [5. August 2016 um 14:17 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/1 "2016-08-05T14:17:10Z")
Hallo, ich möchte gerne die äusseren Abstände seitlich und jeweils oben und unten in der Einkaufswelt reduzieren. Wenn ich es richtig gelesen habe ist es der „Wrapper“! oder? Müssen die Änderungen in der global.less hinterlegt werdenn? Ich füge mal ein Bild bei damit Ihr sehen könnt was ich meine! Vielen Dank schon einmal im voraus für Eure Hilfe Gruß HMS ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/d/d17c50ba87c951ae40329b288b5ccd325e159597.jpeg) ---
**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\ **Post date:** [8. August 2016 um 07:19 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/2 "2016-08-08T07:19:41Z")
Die Änderungen im eigenen Theme machen: [https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/) ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [8. August 2016 um 07:36 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/3 "2016-08-08T07:36:18Z")
> [@steinsoftware schrieb:](https://forum.shopware.com/profile/17116/steinsoftware "steinsoftware") > > Die Änderungen im eigenen Theme machen: > > [https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/?_ga=1.3894064.1807494476.1470639211) Hallo, vielen Dank für den Link, bringt mich jetzt aber nicht wirklich weiter da ich der englischen Sprache nicht bzw. so gut wie nicht mächtig bin. Hast Du einen Tipp evtl. für mich wo ich die entsprechende Stelle im Guide finde, damit ich mir diese ggf. mit „Tante Google“ übersetzten lassen kann? Ich sage schon einmal Danke für Deine Unterstützung Gruß HMS  ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [8. August 2016 um 08:05 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/4 "2016-08-08T08:05:57Z")
Das dürfte das Padding von content-main–inner sein. ---
**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\ **Post date:** [8. August 2016 um 08:10 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/5 "2016-08-08T08:10:49Z")
Das Styling wird über less gemacht: [https://developers.shopware.com/designers-guide/less/](https://developers.shopware.com/designers-guide/less/) Vor allem die oberen Abschnitte sind für dich interessant. Ein eigenes Theme erstellen im Theme-Manager. In der all.less dann mit @import deine eigene Less-Datei einbinden. Dort dann die gewünschten Änderungen einpflegen. ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [8. August 2016 um 08:11 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/6 "2016-08-08T08:11:31Z")
> [@NextMike schrieb:](https://forum.shopware.com/profile/19433/NextMike "NextMike") > > Das dürfte das Padding von content-main–inner sein. Hallo NextMike, Danke für die Info! Hast Du eine Ahnung wo ich die im welcher Less-Datei ich die „Class“ finde? Gruß HMS ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [8. August 2016 um 08:13 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/7 "2016-08-08T08:13:51Z")
global.less Es reicht aber scheinbar nicht den Margin zu entfernen, weil der Inhalt den neuen Platz nicht füllt. Da hängt also mehr dran. ---
**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:** [9. August 2016 um 12:14 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/8 "2016-08-09T12:14:09Z")
Hey @hms‍, du brauchst hier nur das padding entfernen - beachte hier bitte die Media Queries. Wir verwenden die sogenannte Border-Box, deshalb brauchst du den Content nicht anpassen. Viele Grüße, Stephan Pohl  ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware") ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [18. August 2016 um 09:46 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/9 "2016-08-18T09:46:58Z")
``` /* Global Änderung ========================================== .page-wrap { .unitize-min-width(320, 16); } .content-main, .content--wrapper { .clearfix(); } .content-main--inner { .unitize-padding(0, 10, 16); .clearfix(); } .content { width: 100%; float: left; } @media screen and(min-width: @tabletViewportWidth) { .content-main { .box-shadow(0 0 4px 1px @border-color); .unitize(min-height, 750); } .content-main--inner { .unitize-padding(0, 30, 16); width: 100%; } } @media screen and (min-width: @desktopViewportWidth) { .content-main { .unitize(margin-top, 20); .unitize(margin-bottom, 45); .unitize(min-height, 700); } .content-main--inner { .unitize-padding(0, 5, 5, 5); } } ``` Hey [@Stephan Pohl]([http://forum.shopware.com/profile/2/Stephan](http://forum.shopware.com/profile/2/Stephan) Pohl “Stephan Pohl”)‍ Wo genau müssen die Änderungen vorgenommen werden. Ich habe bereits die “global.less” als Child angelegt und was ich augenscheinlich nicht brauchte gelöscht und den abgebildeten Inhalt in die neue less kopiert. Anschließend habe ich versucht mit der Änderung von “unitize-pading” von 50 auf 5 ein sichtbares Ergebis zu erhalten, funktioneirt aber irgendwie nicht. Bin ich in der richtigen less-Datei um den Rand zuverkleinern? Vielleicht kann mir jemand helfen, wäre toll! Danke schon mal im voraus! Gruß HMS   ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [22. August 2016 um 14:47 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/10 "2016-08-22T14:47:14Z")
Hallo! Ich suche noch immer nach einer Lösung, im Forum selber habe ich bisher nicht gefunden wie ich den Rahmenabstand in der Einkaufswelt verkleinern kann. Ich sage schon einmal Danke Gruß HMS ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [22. August 2016 um 18:21 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/11 "2016-08-22T18:21:59Z")
Ich checke das mal wenn ich am DO zu Hause bin.  ---
**Author:** ![DirkS](https://avatars.discourse-cdn.com/v4/letter/d/5daacb/32.png) [@DirkS](https://forum.shopware.com/u/DirkS)\ **Post date:** [22. August 2016 um 19:02 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/12 "2016-08-22T19:02:15Z")
Hi, dein Weg ist der Richtige, aber hast du auch den Cache geleert und das Theme neu kompiliert? Habe grade bei mir nochmals getestet und es klappt ohne Probleme. > [@hms schrieb:](https://forum.shopware.com/profile/24168/hms "hms") > > # /\* Global Änderung > > .page-wrap { > .unitize-min-width(320, 16); > } > > .content-main, > .content–wrapper { > .clearfix(); > } > > .content-main–inner { > .unitize-padding(0, 10, 16); > .clearfix(); > } > > .content { > width: 100%; > float: left; > } > > @media screen and(min-width: @tabletViewportWidth) { > .content-main { > .box-shadow(0 0 4px 1px @border-color); > .unitize(min-height, 750); > } > > .content-main–inner { > .unitize-padding(0, 30, 16); > width: 100%; > } > } > > @media screen and (min-width: @desktopViewportWidth) { > .content-main { > .unitize(margin-top, 20); > .unitize(margin-bottom, 45); > .unitize(min-height, 700); > } > > .content-main–inner { > .unitize-padding(0, 5, 5, 5); > } > } > >   ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [24. August 2016 um 12:36 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/13 "2016-08-24T12:36:34Z")
> [@DirkS schrieb:](https://forum.shopware.com/profile/24120/DirkS "DirkS") > > Hi, > > dein Weg ist der Richtige, aber hast du auch den Cache geleert und das Theme neu kompiliert? > > Habe grade bei mir nochmals getestet und es klappt ohne Probleme. > > > [@hms schrieb:](https://forum.shopware.com/profile/24168/hms "hms") > > > > # /\* Global Änderung > > > > .page-wrap { > > .unitize-min-width(320, 16); > > } > > > > .content-main, > > .content–wrapper { > > .clearfix(); > > } > > > > .content-main–inner { > > .unitize-padding(0, 10, 16); > > .clearfix(); > > } > > > > .content { > > width: 100%; > > float: left; > > } > > > > @media screen and(min-width: @tabletViewportWidth) { > > .content-main { > > .box-shadow(0 0 4px 1px @border-color); > > .unitize(min-height, 750); > > } > > > > .content-main–inner { > > .unitize-padding(0, 30, 16); > > width: 100%; > > } > > } > > > > @media screen and (min-width: @desktopViewportWidth) { > > .content-main { > > .unitize(margin-top, 20); > > .unitize(margin-bottom, 45); > > .unitize(min-height, 700); > > } > > > > .content-main–inner { > > .unitize-padding(0, 5, 5, 5); > > } > > } > > > >   Also ich habe alles noch einmal gemacht, bekomme aber bisher kein sichtbares Ergebnis. Meine Vorgehensweise STEP by STEP: 1. Original globel.less dupliziert und in das Verzeichnis "meinTemplate/frontend/\_public/src/les/\_modules kopiert. 2. Ich habe die global.less-Datei in unteren Bereich bei  "`.content-main--inner { .unitize-padding(0, 5, 5, 5);" angepasst.` 3. In der all.less @import „\_modules/global“; eingefügt und abgespeichert Danach im Backend "Cache gelöscht und Template neu kompiliert. Mein Abstand hat sich nicht verändert, der Wrapper hat noch immer rundherum einen Abstand von min. 50px   **NACHTRAG** Ich habe gerade festgestellt die Einstellungen greifen, jedoch nicht auf der Startseite sondern nur auf den nachfolgenden Seiten.  Stellt sich also nur noch die Frage: „Wie kann man die Startseite passen?“ - ist da eine andere Less-datei zuständig als die global.less?? Danke schon einmal im voraus für Alles 🙂 Gruß HMS ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [29. August 2016 um 08:37 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/14 "2016-08-29T08:37:39Z")
Hallo, weiß jemand evtl. ein Lösung für mich wie ich die Startseite korrekt einstellen kann? Gruß HMS ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [31. August 2016 um 13:45 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/15 "2016-08-31T13:45:04Z")
> [@hms schrieb:](https://forum.shopware.com/profile/24168/hms "hms") > > Hallo, > > weiß jemand evtl. ein Lösung für mich wie ich die Startseite korrekt einstellen kann? > > Gruß > HMS Hallo! Ich habe bisher noch keine Lösung gefunden wie man den Wrapper auf der Startseite anpassen kann. Auf den nachfolgenden Seiten, die ohne Einkaufswelten laufen funktioniert die Einstellung allerdings bereits. Weiß jemand wie ich vorgehen muss damit auch die Startseite mit der Einkaufswelt der Abstand verkleinert wird? Vielleicht könnte ja mal jemand aus dem Hause Shopware eine kleine Hilfestellung geben! Vielen Dank schon einmal im voraus! HMS ---
**Author:** ![hms](https://avatars.discourse-cdn.com/v4/letter/h/e274bd/32.png) [@hms](https://forum.shopware.com/u/hms)\ **Post date:** [31. August 2016 um 13:47 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/16 "2016-08-31T13:47:56Z")
> [@Stephan Pohl schrieb:](https://forum.shopware.com/profile/2/Stephan%20Pohl "Stephan%20Pohl") > > Hey @hms‍, > > du brauchst hier nur das padding entfernen - beachte hier bitte die Media Queries. Wir verwenden die sogenannte Border-Box, deshalb brauchst du den Content nicht anpassen. > > Viele Grüße, > Stephan Pohl  ![Shopware](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/shopware.png "Shopware") Hallo Stefan, wo müsste denn das padding entfernt werden, in der Globel.less oder wo? Gruß HMS  ---
**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\ **Post date:** [31. August 2016 um 14:02 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/17 "2016-08-31T14:02:41Z")
Schick mal am besten den Link zur Seite so, dass man sich das angucken kann. ---
**Author:** ![Sergiu\_Costas](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@Sergiu\_Costas](https://forum.shopware.com/u/Sergiu_Costas)\ **Post date:** [20. September 2016 um 09:35 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/18 "2016-09-20T09:35:13Z")
One beer for guidance 😉 in **emotions.less** find class  ** .emotion–wrapper . ** Here **max-width** and **margin** creates that un-needed space.     ---
**Author:** ![elli](https://avatars.discourse-cdn.com/v4/letter/e/58f4c7/32.png) [@elli](https://forum.shopware.com/u/elli)\ **Post date:** [8. Dezember 2016 um 10:02 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/19 "2016-12-08T10:02:00Z")
Riesen großes Dankeschön!  ![Thumb-Up](https://forum.shopware.com/plugins/CKEditor/plugins/smiley/images/thumb-up.png "Thumb-Up") Ich war schon am verzweifeln bis ich diesen Beitrag gefunden habe. Hat mir wirklich geholfen! ---
**Author:** ![steinsoftware](https://avatars.discourse-cdn.com/v4/letter/s/b487fb/32.png) [@steinsoftware](https://forum.shopware.com/u/steinsoftware)\ **Post date:** [8. Dezember 2016 um 12:33 UTC](https://forum.shopware.com/t/wrapper-abstand-verkleinern/38829/20 "2016-12-08T12:33:55Z")
Hoffentlich im eigenen Theme…