# Template mit Seitenrändern auf PC-Ansicht versehen

**URL:** https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456
**Category:** Themes & Design
**Created:** [23. November 2015 um 12:53 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456 "2015-11-23T12:53:35Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![mariap2003](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@mariap2003](https://forum.shopware.com/u/mariap2003)
#### Post date: [23. November 2015 um 12:53 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/1 "2015-11-23T12:53:35Z")

</div>

Hallo, das Responsive-Template für die Ansicht auf dem PC soll Seitenränder bekommen (also so das die Inhalte nicht über die ganze Seitenbreite gehen). Für Tablets und Smartphones soll dies aufgrund des Platzmangels nicht der Fall sein. Ich kenne bereits einen Responsive-Shop (anderes Shopystem) auf dem dies genau so möglich ist. Gibt es hierfür ein Plugin? Wenn nicht, in welcher .less oder .css-Datei muss ich dafür welche Einstellung ändern?

---

<div class="post-metadata">

### Author: ![mariap2003](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@mariap2003](https://forum.shopware.com/u/mariap2003)
#### Post date: [25. November 2015 um 11:47 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/2 "2015-11-25T11:47:24Z")

</div>

Kann mir hier wirklich niemand helfen? Das ist doch eigentlich eine gängige Geschichte, man sieht es jedenfalls auf allen möglichen Webseiten.

---

<div class="post-metadata">

### Author: ![Neox](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@Neox](https://forum.shopware.com/u/Neox)
#### Post date: [25. November 2015 um 11:53 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/3 "2015-11-25T11:53:50Z")

</div>

Kann du mal ein Bild posten, dass zeigt was du meinst? Leider kann ich mit deiner Erläuterung recht wenig anfangen bzw. verstehe nicht was du willst.

---

<div class="post-metadata">

### Author: ![mariap2003](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@mariap2003](https://forum.shopware.com/u/mariap2003)
#### Post date: [25. November 2015 um 12:46 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/4 "2015-11-25T12:46:58Z")

</div>

So wie hier z.B. [http://in-due.de/](http://in-due.de/) (rechts und links ein Rand)

---

<div class="post-metadata">

### Author: ![Neox](https://avatars.discourse-cdn.com/v4/letter/n/b5a626/32.png) [@Neox](https://forum.shopware.com/u/Neox)
#### Post date: [25. November 2015 um 12:54 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/5 "2015-11-25T12:54:12Z")

</div>

Hallo, also beim besten Willen, ich verstehe leider immer noch nicht was du meinst. Bei Shopware ist der Container ca. 1008 px breit. Er geht also nicht über den kompletten Bildschirm (je nach Gerät und deiner Auflösung!). In deinem Beispiel ist der Container 1030 px breit. Oder meinst du die “Sidebar” mit den Produkten des Monats etc.? Gruß

---

<div class="post-metadata">

### Author: ![vc-nm](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/vc-nm/32/8114_2.png) [@vc-nm](https://forum.shopware.com/u/vc-nm)
#### Post date: [25. November 2015 um 12:58 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/6 "2015-11-25T12:58:38Z")

</div>

` .page-wrap { max-width: 1260px; margin: 0 auto; }` die max-width musst Du natürlich Deinen vorstellungen entsprechend anpassen 😉 Grüße Oli

---

<div class="post-metadata">

### Author: ![mariap2003](https://avatars.discourse-cdn.com/v4/letter/m/bc8723/32.png) [@mariap2003](https://forum.shopware.com/u/mariap2003)
#### Post date: [25. November 2015 um 13:04 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/7 "2015-11-25T13:04:14Z")

</div>

[quote=“vc-nm”]` .page-wrap { max-width: 1260px; margin: 0 auto; }` die max-width musst Du natürlich Deinen vorstellungen entsprechend anpassen 😉 Grüße Oli[/quote] Danke. Aber die Frage war auch in welcher Datei ich das ändern muss. Wie heißt die? Und kann ich im Seitenrand auch eine Farbe definieren oder ein Hintergrundbild reinlegen?

---

<div class="post-metadata">

### Author: ![vc-nm](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/vc-nm/32/8114_2.png) [@vc-nm](https://forum.shopware.com/u/vc-nm)
#### Post date: [25. November 2015 um 13:33 UTC](https://forum.shopware.com/t/template-mit-seitenrandern-auf-pc-ansicht-versehen/32456/8 "2015-11-25T13:33:16Z")

</div>

Hey, wie Du Dir eine Less Datei für Dein Theme erstellst hat der Hostianer in einem Screencast vor kurzem behandelt: [https://blog.hostianer.de/shopware-scre … i-anlegen/](https://blog.hostianer.de/shopware-screencast-eigene-less-datei-anlegen/) Der Rest ist dann einfach nur CSS
