# CMS Element zentrieren und Max Width einstellen

**URL:** <https://forum.shopware.com/t/cms-element-zentrieren-und-max-width-einstellen/100049>\
**Category:** Themes & Design\
**Tags:** themes--design\
**Created:** [11. Juni 2023 um 19:04 UTC](https://forum.shopware.com/t/cms-element-zentrieren-und-max-width-einstellen/100049 "2023-06-11T19:04:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![KumaSolutions](https://avatars.discourse-cdn.com/v4/letter/k/6f9a4e/32.png) [@KumaSolutions](https://forum.shopware.com/u/KumaSolutions)\
**Post date:** [11. Juni 2023 um 19:04 UTC](https://forum.shopware.com/t/cms-element-zentrieren-und-max-width-einstellen/100049/1 "2023-06-11T19:04:11Z")

</div>

Hallo, kann mir jemand die CSS-Klasse nennen, die ich eingeben muss, damit eine Sektion von Shopware 6 mittig und mit nur 50% der Shopbreite ausgespielt wird? Besonders Mobile habe ich das Problem, das Inhalte zu groß oder nur linksbündig dargestellt werden. Jemand eine Idee für mich? Danke!

---

<div class="post-metadata">

**Author:** ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)\
**Post date:** [12. Juni 2023 um 07:25 UTC](https://forum.shopware.com/t/cms-element-zentrieren-und-max-width-einstellen/100049/2 "2023-06-12T07:25:50Z")

</div>

Hallo,

generell kannst du die Boostrap Klassen zum styling der CMS-Elemente/Blocks verwenden, je nach Shopware Version, Boostrap 4.x bzw. Boostrap 5.x (Bis Shopware 6.4.x = Boostrap 4.x, ab Shopware 6.5.x = Boostrap 5.x)

Für Max Width 50% gibt es glaube ich keine Boostrap Klasse, du kannst es mal mit `w-50` probieren, wenn du das Element nur für Mobile auf 50% begrenzen willst kannst du `w-50 w-md-100` verwenden, dann wird ab 768px das Element wieder auf 100% breite angezeigt. [Sizing · Bootstrap v5.0](https://getbootstrap.com/docs/5.0/utilities/sizing/)

Um den Inhalt dann zentriert anzuzeigen kannst du den Margin links und rechts auf auto setzten mit `mx-auto` . [Spacing · Bootstrap](https://getbootstrap.com/docs/4.0/utilities/spacing/)

![image](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/a/6/a6a4f0be14098418ed57226a401f207a94af987f.png)

`w-50 w-md-100 mx-auto` zeigt also den Block mobile mit 50% und ab 768px mit 100% breite und zentriert an.

Viele Grüße Tom

---

<div class="post-metadata">

**Author:** ![system](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/9/29c7587ba660f00e4995d1743162782e5d6d8653.svg) [@system](https://forum.shopware.com/u/system)\
**Post date:** [29. August 2024 um 19:03 UTC](https://forum.shopware.com/t/cms-element-zentrieren-und-max-width-einstellen/100049/3 "2024-08-29T19:03:54Z")

</div>

Dieses Thema wurde automatisch 30 Tage nach der letzten Antwort geschlossen. Es sind keine neuen Antworten mehr erlaubt.