# \[Version 5.2.3\] Einkaufswelten CSS, Globale Element-Einstellungen
**URL:** https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022
**Category:** Installation/Einstieg
**Created:** [12. August 2016 um 14:36 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022 "2016-08-12T14:36:53Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@\_Max](https://forum.shopware.com/u/_Max)
#### Post date: [12. August 2016 um 14:36 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/1 "2016-08-12T14:36:53Z")
Hallo allerseits,
ich möchte gerne mit etwas anderen als inline-style in den Einkaufswelten arbeiten nur finde ich keine weiteren Informationen für das meiner Meinung nach vorgesehene Feld:
> Globale Element-Einstellungen
>
> CSS Klasse:
>
>
> Mehrere Klassen können mit einem Leerzeichen getrennt hinzugefügt werden.
Vielleicht kann mir wer erklären wie genau das funktionieren soll oder ein Link zu einer Erklärung geben. Für beides wäre ich sehr dankbar.
Freundliche Grüße
\_max\_
---
### Author:  [@Philipp\_Schuch](https://forum.shopware.com/u/Philipp_Schuch)
#### Post date: [12. August 2016 um 15:06 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/2 "2016-08-12T15:06:16Z")
Hallo,
die CSS Klassen welche Du in das Feld einträgst werden ebenfalls auf das Element gesetzt. Du kannst in Deinem eigenen CSS / LESS Code das Element über diese Klassen mit zusätzlichen Styles versehen.
Sonnige Grüße,
Phil
---
### Author:  [@\_Max](https://forum.shopware.com/u/_Max)
#### Post date: [12. August 2016 um 17:35 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/3 "2016-08-12T17:35:29Z")
> [@Philipp Schuch schrieb:](https://forum.shopware.com/profile/13283/Philipp%20Schuch "Philipp%20Schuch")
>
> Hallo,
>
> die CSS Klassen welche Du in das Feld einträgst werden ebenfalls auf das Element gesetzt. Du kannst in Deinem eigenen CSS / LESS Code das Element über diese Klassen mit zusätzlichen Styles versehen.
>
> Sonnige Grüße,
> Phil
Wenn ich versuche eine Klasse wie folgt einzutragen bekomme ich die Rückmeldung, dass keine Sonderzeichen erlaubt sind.
> .class {
>
> color:black;
> padding: 20px;
>
> }
Könntest du mir sagen was ich falsch mache?
Grüße aus dem regnerischen Gebirge 🙂
\_max\_
---
### Author:  [@Creatixx](https://forum.shopware.com/u/Creatixx)
#### Post date: [12. August 2016 um 18:08 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/4 "2016-08-12T18:08:58Z")
Hi,
du trägst dort nur den Klassennamen ein. Die Klasse an sich definierst du ganz normal über die Less/CSS Datei(en).
---
### Author:  [@\_Max](https://forum.shopware.com/u/_Max)
#### Post date: [12. August 2016 um 18:31 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/5 "2016-08-12T18:31:19Z")
> [@Creatixx schrieb:](https://forum.shopware.com/profile/3889/Creatixx "Creatixx")
>
> Hi,
>
> du trägst dort nur den Klassennamen ein. Die Klasse an sich definierst du ganz normal über die Less/CSS Datei(en).
Ach das meinte er mit „eigenen“, Danke.
---
### Author:  [@ffinkelm](https://forum.shopware.com/u/ffinkelm)
#### Post date: [22. April 2017 um 13:00 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/6 "2017-04-22T13:00:44Z")
Hallo,
ich möchte hier noch mal nachhaken. Ich habe eine Klasse in der bereits vorhanden global.less definiert. Die klasse habe ich “.banner” genannt.
Nun habe ich “banner” in den Globalen Element-Einstellungen CSS Klasse in den Einkaufswelten beim Banner Element eingetragen.
Es passiert aber nichts.
Das Bild soll hier nicht größer als 180px x 180px sein.
global.less: .banner {width:180px; height:180px}
Einkaufsmanager:
Wo ist der Fehler, kann mir bitte jemand helfen?
---
### Author:  [@ffinkelm](https://forum.shopware.com/u/ffinkelm)
#### Post date: [24. April 2017 um 17:17 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/7 "2017-04-24T17:17:23Z")
Kann Shopware hierzu bitte eine verständliche Anleitung -mit Beispiel- geben, die Dokumentation ist jedenfalls nicht hilfreich!?
Danke!
---
### Author:  [@Sascha\_Zoundhouse](https://forum.shopware.com/u/Sascha_Zoundhouse)
#### Post date: [15. Mai 2017 um 12:04 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/8 "2017-05-15T12:04:59Z")
Würde mich der letzten frage gern anschließen.
Stehen nämlich grad vor dem gleiche “problem”.
EDIT:
doch schon gelöst 🙂
---
### Author:  [@unikat-verpackungen](https://forum.shopware.com/u/unikat-verpackungen)
#### Post date: [10. Dezember 2022 um 15:42 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/9 "2022-12-10T15:42:55Z")
Wie hast du es gelöst?
---
### Author:  [@Zoundhouse](https://forum.shopware.com/u/Zoundhouse)
#### Post date: [12. Dezember 2022 um 11:20 UTC](https://forum.shopware.com/t/version-5-2-3-einkaufswelten-css-globale-element-einstellungen/39022/10 "2022-12-12T11:20:42Z")
Du legst in einer .less Datei in deinem Thema den gewünschten Code abschnitt/ CSS an, z.b.
````
```
````
.text123 {
.panel{
display: contents;
}
.panel–body.is–wide {
padding: 0px;
```
@media screen and (min-width: @tabletViewportWidth) {
padding: 1.25rem 0rem 1.25rem 0rem;
}
}
}
```
```auto
Da die klasse nun den Namen "text123" verwendet, trägst Du dann "text123" bei CSS Klasse ein.
```