# content main inner
**URL:** https://forum.shopware.com/t/content-main-inner/40335
**Category:** Themes & Design
**Created:** [6. Oktober 2016 um 13:40 UTC](https://forum.shopware.com/t/content-main-inner/40335 "2016-10-06T13:40:47Z")
**Posts on this page:** 18
**Page:** 1
### Author:  [@livaro2014](https://forum.shopware.com/u/livaro2014)
#### Post date: [6. Oktober 2016 um 13:40 UTC](https://forum.shopware.com/t/content-main-inner/40335/1 "2016-10-06T13:40:47Z")
Hallo,
bei mir beträgt die content-main-inner 1260px. Die Shop Ansicht der Startseite (Einkaufswelten) beträgt jedoch 1160px, so dass um die Elemente ein breiter Rand von je 50px je Seite entsteht.
Kann man diesen Abstand irgendwie verkleinern, so dass der Shop anstelle der 1260px vielleicht 1220px hat?
Vielen Dank
---
### Author:  [@waldicom](https://forum.shopware.com/u/waldicom)
#### Post date: [6. Oktober 2016 um 15:24 UTC](https://forum.shopware.com/t/content-main-inner/40335/2 "2016-10-06T15:24:29Z")
CSS Klasse .content-main–inner hat den Abstand 50px links und rechts (padding: 0px 50px 50px 50px;)
Wenn man den zweiten und vierten Wert auf 20 setzt, ist die Breite 1220px. Verschiedene Viewpoints (Geräte) beachten.
---
### Author:  [@hms](https://forum.shopware.com/u/hms)
#### Post date: [6. Oktober 2016 um 18:58 UTC](https://forum.shopware.com/t/content-main-inner/40335/3 "2016-10-06T18:58:28Z")
> [@waldicom schrieb:](https://forum.shopware.com/profile/2006/waldicom "waldicom")
>
> CSS Klasse .content-main–inner hat den Abstand 50px links und rechts (padding: 0px 50px 50px 50px;)
>
> Wenn man den zweiten und vierten Wert auf 20 setzt, ist die Breite 1220px. Verschiedene Viewpoints (Geräte) beachten.
Hallo,
in welcher Less-Datei sind die Änderungen notwendig?
Danke schon mal im voraus.
HMS
---
### Author:  [@KevinS86](https://forum.shopware.com/u/KevinS86)
#### Post date: [6. Oktober 2016 um 21:14 UTC](https://forum.shopware.com/t/content-main-inner/40335/4 "2016-10-06T21:14:07Z")
Am besten deine eigene Anlegen und vorher ein Template, welches vom responsive Template ableitet.
Anbei noch ein Link zu dem Thema
[https://developers.shopware.com/designers-guide/getting-started/](https://developers.shopware.com/designers-guide/getting-started/)
Liebe Grüße
Kevin
---
### Author:  [@hms](https://forum.shopware.com/u/hms)
#### Post date: [7. Oktober 2016 um 06:47 UTC](https://forum.shopware.com/t/content-main-inner/40335/5 "2016-10-07T06:47:34Z")
> [@KevinS86 schrieb:](https://forum.shopware.com/profile/24363/KevinS86 "KevinS86")
>
> Am besten deine eigene Anlegen und vorher ein Template, welches vom responsive Template ableitet.
>
> Anbei noch ein Link zu dem Thema
>
> [https://developers.shopware.com/designers-guide/getting-started/](https://developers.shopware.com/designers-guide/getting-started/?_ga=1.203378641.1109124401.1475233176)
>
> Liebe Grüße
>
> Kevin
Danke Kevin für Deine Antwort.
Ich habe schon mehrere Änderungen an „meinem Template“ (Child-Template) durchgeführt, jedoch bekomme ich es einfach nicht hin das auf „der Startseite“ der breite weiße Rand verschwindet. In den Unterseiten (Einkaufswelten) wurden meine Änderungen alle übernommen und umgesetzt, es geht bei mir daher nur um die eigentliche STARTSEITE.
Gruß
HMS
---
### Author:  [@KevinS86](https://forum.shopware.com/u/KevinS86)
#### Post date: [7. Oktober 2016 um 08:55 UTC](https://forum.shopware.com/t/content-main-inner/40335/6 "2016-10-07T08:55:16Z")
Hey HMS,
ok, verstehe… Hast du Lust einmal deine URL zum Shop (gerne auch per PM) kurz zukommen zu lassen? Würde die Sache vermutlich erheblich vereinfachen 🙂
Liebe Grüße
Kevin
---
### Author:  [@hms](https://forum.shopware.com/u/hms)
#### Post date: [7. Oktober 2016 um 08:59 UTC](https://forum.shopware.com/t/content-main-inner/40335/7 "2016-10-07T08:59:23Z")
> [@KevinS86 schrieb:](https://forum.shopware.com/profile/24363/KevinS86 "KevinS86")
>
> Hey HMS,
>
> ok, verstehe… Hast du Lust einmal deine URL zum Shop (gerne auch per PM) kurz zukommen zu lassen? Würde die Sache vermutlich erheblich vereinfachen 
>
> Liebe Grüße
>
> Kevin
Hallo Kevin,
ist auf dem Weg!
Danke 🙂
HMS
---
### Author:  [@livaro2014](https://forum.shopware.com/u/livaro2014)
#### Post date: [7. Oktober 2016 um 09:43 UTC](https://forum.shopware.com/t/content-main-inner/40335/8 "2016-10-07T09:43:27Z")
Hallo HMS,
ich habe das Selbe Problem.
Kannst du mir die Lösung vielleicht verraten, wenn es eine gibt?
Vielen Dank
---
### Author:  [@KevinS86](https://forum.shopware.com/u/KevinS86)
#### Post date: [7. Oktober 2016 um 09:47 UTC](https://forum.shopware.com/t/content-main-inner/40335/9 "2016-10-07T09:47:34Z")
Hi Zusammen,
also wenn ich das richtig sehe, kommt hier die max-width der Einkaufswelt in die Quere.
Wie du schon sagst, sehen die Kategorien soweit gut aus. Hier hast du nur noch einen kleinen Außenabstand.
Innerhalb der Einkaufswelt ist allerdings ein max-width gesetzt:
Zu finden unter:
Responsive\frontend\_public\src\less\_components\emotions.less
```
// Emotion wrapper
.emotion--wrapper {
display: block;
margin: 0 auto;
max-width: 1160px;
overflow: hidden;
&.is--fullscreen {
max-width: none;
}
}
```
Wie wäre es den Parameter max-width in dem Template z.B. auf 1240px zu setzen? Dann solltest du nur noch einen kleinen Abstand zum Rahmen haben…
Liebe Grüße
Kevin
---
### Author:  [@livaro2014](https://forum.shopware.com/u/livaro2014)
#### Post date: [7. Oktober 2016 um 10:15 UTC](https://forum.shopware.com/t/content-main-inner/40335/10 "2016-10-07T10:15:01Z")
Ich habe das gerade mal probiert, leider klappt das bei mir nicht ☹
---
### Author:  [@KevinS86](https://forum.shopware.com/u/KevinS86)
#### Post date: [7. Oktober 2016 um 10:50 UTC](https://forum.shopware.com/t/content-main-inner/40335/11 "2016-10-07T10:50:52Z")
Also ich habe mal in einer all.less folgende Einstellungen kurz bei mir getestet:
```
@media screen and (min-width: @desktopViewportWidth) {
.content-main--inner {
.unitize-padding(0, 10, 50, 10);
}
}
.emotion--wrapper {
max-width: 1240px;
}
```
Hier hat sich der Abstand in jedem Fall verringert bei mir…
Vielleicht gibt uns hms auch noch ein Feedback dazu 🙂
Liebe Grüße
Kevin
---
### Author:  [@hms](https://forum.shopware.com/u/hms)
#### Post date: [7. Oktober 2016 um 11:13 UTC](https://forum.shopware.com/t/content-main-inner/40335/12 "2016-10-07T11:13:14Z")
> [@KevinS86 schrieb:](https://forum.shopware.com/profile/24363/KevinS86 "KevinS86")
>
> Also ich habe mal in einer all.less folgende Einstellungen kurz bei mir getestet:
>
> @media screen and (min-width: @desktopViewportWidth) {
> .content-main–inner {
> .unitize-padding(0, 10, 50, 10);
> }
> }
>
> .emotion–wrapper {
> max-width: 1240px;
> }
>
> Hier hat sich der Abstand in jedem Fall verringert bei mir…
>
> Vielleicht gibt uns hms auch noch ein Feedback dazu 
>
> Liebe Grüße
>
> Kevin
Sorry war kurz aus dem Hause.
Ich teste es gleich einmal und melde mich wieder!
Gruß
HMS
---
### Author:  [@hms](https://forum.shopware.com/u/hms)
#### Post date: [7. Oktober 2016 um 11:31 UTC](https://forum.shopware.com/t/content-main-inner/40335/13 "2016-10-07T11:31:10Z")
> [@KevinS86 schrieb:](https://forum.shopware.com/profile/24363/KevinS86 "KevinS86")
>
> Also ich habe mal in einer all.less folgende Einstellungen kurz bei mir getestet:
>
> @media screen and (min-width: @desktopViewportWidth) {
> .content-main–inner {
> .unitize-padding(0, 10, 50, 10);
> }
> }
>
> .emotion–wrapper {
> max-width: 1240px;
> }
>
> Hier hat sich der Abstand in jedem Fall verringert bei mir…
>
> Vielleicht gibt uns hms auch noch ein Feedback dazu 
>
> Liebe Grüße
>
> Kevin
Hallo Kevin,
Daumen hoch und vielen Dank, mein Template übernimmt die Änderungen und stellt diese nun so dar wie ich es gerne hätte!
Vielen Dank.
Kann ich auch eine Frage zum Background des Headers an Dich stellen oder wäre das zu viel des Guten???
Gruß
HMS
---
### Author:  [@livaro2014](https://forum.shopware.com/u/livaro2014)
#### Post date: [7. Oktober 2016 um 12:25 UTC](https://forum.shopware.com/t/content-main-inner/40335/14 "2016-10-07T12:25:15Z")
Hallo Kevin,
ich habe das jetzt auch mal so probiert. Würdest du vielleicht auf meinen Shop auch mal schauen?
Unten auf der Startseite scheint es zu passen, nur die Bildchen und der Slider der Einkaufswelten will nicht.
[https://www.livaro.de](https://www.livaro.de)
Ich danke dir
---
### Author:  [@KevinS86](https://forum.shopware.com/u/KevinS86)
#### Post date: [7. Oktober 2016 um 12:59 UTC](https://forum.shopware.com/t/content-main-inner/40335/15 "2016-10-07T12:59:48Z")
Hey Hms,
kannst gerne fragen :)
@livaro2014:
Der Slider bekommt ein Styling inline hinzugefügt und überschreibt deine Änderungen in der less-Datei.
Versuche einmal mit
max-width: 1240px !important
zu arbeiten.
Dann sollte deine Breite greifen. Spannend wird dann nur sein, ob sich die restlichen Boxen dann auch korrekt in der Breite verhalten…
lg
Kevin
---
### Author:  [@livaro2014](https://forum.shopware.com/u/livaro2014)
#### Post date: [7. Oktober 2016 um 13:08 UTC](https://forum.shopware.com/t/content-main-inner/40335/16 "2016-10-07T13:08:51Z")
Hey Kevin,
dass war ja ein super Tipp! Funktioniert 🙂
Musst nur noch diesen Zusatz machen:
.content–home {
margin-top: 10px;
}
sonst belässt er oben 50px weissen Rand.
Dankeeeeeeeeeeee
---
### Author:  [@livaro2014](https://forum.shopware.com/u/livaro2014)
#### Post date: [7. Oktober 2016 um 13:10 UTC](https://forum.shopware.com/t/content-main-inner/40335/17 "2016-10-07T13:10:31Z")
Hier nochmal der ganze Code, falls es noch jemand benötigt:
(einfach eine zum Beispiel background-custom.less im eigenen Template anlegen, in der all.less den Pfad angeben und diesen Code:
@media screen and (min-width: @desktopViewportWidth) {
.content-main–inner {
.unitize-padding(0, 10, 50, 10);
}
}
.emotion–wrapper {
max-width: 1240px !important
}
.content–home {
margin-top: 10px;
}
---
### Author:  [@KevinS86](https://forum.shopware.com/u/KevinS86)
#### Post date: [7. Oktober 2016 um 13:56 UTC](https://forum.shopware.com/t/content-main-inner/40335/18 "2016-10-07T13:56:07Z")
super, wenn es geklappt hat :)
Schönes Wochenende euch.
Liebe Grüße
Kevin