# Schriftgröße für Html-Element in Einkaufswelt
**URL:** https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522
**Category:** Themes & Design
**Created:** [26. April 2015 um 16:36 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522 "2015-04-26T16:36:00Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@jox](https://forum.shopware.com/u/jox)
#### Post date: [26. April 2015 um 16:36 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/1 "2015-04-26T16:36:00Z")
Hallo, die Schrift in einem Html-Element in der Einkaufswelt von SW5 wird in der Portraitansicht des Tablets viel zu klein. Wie kann man so etwas ändern, damit es so angepasst wird wie zum Beispiel bei einer Kategoriebeschreibung?
---
### Author:  [@jox](https://forum.shopware.com/u/jox)
#### Post date: [26. April 2015 um 20:00 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/2 "2015-04-26T20:00:05Z")
Das Thema scheint ja ziemlich uninteressant zu sein.
---
### Author:  [@jox](https://forum.shopware.com/u/jox)
#### Post date: [26. April 2015 um 22:43 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/3 "2015-04-26T22:43:25Z")
Wo ändere ich die Schriftgröße für Mobilgeräte des Html-Elements in der Einkaufswelt??? Die Schriftgröße wird bei Mobilgeräten ab Tablet-Portrait viel zu klein.
---
### Author:  [@verpacken24](https://forum.shopware.com/u/verpacken24)
#### Post date: [26. April 2015 um 22:48 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/4 "2015-04-26T22:48:10Z")
Kann Dir leider beim Problem nicht helfen, aber warum machst Du zum Thema zwei Threads auf: [themes-und-design-f101/sw5-html-element-in-einkaufswelt-schrift-zu-klein-t26905.html](http://forum.shopware.com/themes-und-design-f101/sw5-html-element-in-einkaufswelt-schrift-zu-klein-t26905.html)
---
### Author:  [@jox](https://forum.shopware.com/u/jox)
#### Post date: [26. April 2015 um 23:00 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/5 "2015-04-26T23:00:34Z")
[quote=“verpacken24”]Kann Dir leider beim Problem nicht helfen, aber warum machst Du zum Thema zwei Threads auf: [themes-und-design-f101/sw5-html-element-in-einkaufswelt-schrift-zu-klein-t26905.html](http://forum.shopware.com/themes-und-design-f101/sw5-html-element-in-einkaufswelt-schrift-zu-klein-t26905.html)[/quote] Ich habe gedacht, dass ich mich im ersten Thread vielleicht etwas ungeschickt ausgedrückt habe. Desweiteren bewegt sich mir bei so wichtigen Dingen im Forum zu wenig. Das Problem habe doch schließlich nicht nur ich, oder?
---
### Author:  [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)
#### Post date: [27. April 2015 um 14:18 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/6 "2015-04-27T14:18:42Z")
Hey zusammen, ich habe die beiden Themes zusammengefasst. Viele Grüße, Stephan :shopware:
---
### Author:  [@t2oh4e](https://forum.shopware.com/u/t2oh4e)
#### Post date: [28. April 2015 um 10:14 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/7 "2015-04-28T10:14:37Z")
Das Problem wird wohl eher sein, dass alle gerade damit beschäftigt sind ihre eigenen Shops umzustellen und dort Probleme zu lösen und nicht, dass es keinen interessiert. Das wird allerdings nicht besser wenn man mehrere Themen aufmacht und sich beschwert wie sche\*\*\* die Einkaufswelten sind 😉 So müsste eine Anpassung funktionieren (ich gehe davon aus, dass es nur Einkaufswelten betrifft die auf “Resize” stehen): - Eigenes Theme erstellen - Eigene Less-Struktur anlegen (mindestens eine all.less, wie in den DevDocs beschrieben) - Folgendes in eine der Less-Dateien einfügen: ` /\* \* Ausgangswert für alle Größen \*/ .emotion--mode-resize .emotion--html p { .unitize(font-size, 40); } /\* \* ab phoneLandscape \*/ @media screen and (min-width: @phoneLandscapeViewportWidth) { .emotion--mode-resize .emotion--html p { .unitize(font-size, 32); } } /\* \* ab tablet (portrait) \*/ @media screen and (min-width: @tabletViewportWidth) { .emotion--mode-resize .emotion--html p { .unitize(font-size, 24); } } /\* \* ab tablet (landscape) \*/ @media screen and (min-width: @tabletLandscapeViewportWidth) { .emotion--mode-resize .emotion--html p { .unitize(font-size, 14); } } /\* \* ab desktop \*/ @media screen and (min-width: @desktopViewportWidth) { } ` Damit kann man dann für jede Displaygröße eine eigene Größe angeben. Die Werte sind so hoch gewählt, weil die HTML-Elemente verkleinert werden, daher habe ich den Ausgangswert hoch gesetzt. Das Ganze muss vermutlich noch um weitere Elemente (Überschriften etc.) erweitert werden. Der letzte ist leer und benutzt daher den vorherigen Wert weiter. Da könnte man auch noch eine weitere Definition mit einfügen, einfach aus den vorherigen kopieren.
---
### Author:  [@jox](https://forum.shopware.com/u/jox)
#### Post date: [28. April 2015 um 10:33 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/8 "2015-04-28T10:33:18Z")
Hallo, meinst Du unter ‘/themes/Frontend/EigenesTemplate/frontend/\_public/src/less/\_components’ ein Verzeichnis ‘emotions.less’ erstellen und dann diesen Inhalt eintragen? Danach noch in der ‘/themes/EigenesTemplate/frontend/\_public/src/less/all.less’ den Eintrag ‘@import “\_components/emotions”;’ machen?
---
### Author:  [@t2oh4e](https://forum.shopware.com/u/t2oh4e)
#### Post date: [28. April 2015 um 10:47 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/9 "2015-04-28T10:47:24Z")
Ja, genau das meinte ich.
---
### Author:  [@77webdesign](https://forum.shopware.com/u/77webdesign)
#### Post date: [16. Juni 2015 um 11:00 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/10 "2015-06-16T11:00:52Z")
Danke für den Tip, das hat gut funktioniert… Am Besten gleich noch die Zeilenhöhe mit anpassen wie folgt: `/\* \* Ausgangswert für alle Größen \*/ .emotion--mode-resize .emotion--html p { .unitize(font-size, 40); .unitize(line-height, 40); } /\* \* ab phoneLandscape \*/ @media screen and (min-width: @phoneLandscapeViewportWidth) { .emotion--mode-resize .emotion--html p { .unitize(font-size, 32); .unitize(line-height, 32); } } /\* \* ab tablet (portrait) \*/ @media screen and (min-width: @tabletViewportWidth) { .emotion--mode-resize .emotion--html p { .unitize(font-size, 24); .unitize(line-height, 24); } } /\* \* ab tablet (landscape) \*/ @media screen and (min-width: @tabletLandscapeViewportWidth) { .emotion--mode-resize .emotion--html p { .unitize(font-size, 14); .unitize(line-height, 14); } } /\* \* ab desktop \*/ @media screen and (min-width: @desktopViewportWidth) { }`
---
### Author:  [@needtoknow](https://forum.shopware.com/u/needtoknow)
#### Post date: [11. November 2015 um 02:09 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/11 "2015-11-11T02:09:31Z")
Warum so kompliziert? Erstelle einfach zwei Einkaufwelten und lege sie untereinander. Die wo die Schrift groß bleiben soll als Masonary. 😉
---
### Author:  [@djad](https://forum.shopware.com/u/djad)
#### Post date: [14. März 2016 um 19:29 UTC](https://forum.shopware.com/t/schriftgrosse-fur-html-element-in-einkaufswelt/26522/12 "2016-03-14T19:29:34Z")
> [@needtoknow schrieb:](https://forum.shopware.com/profile/20246/needtoknow "needtoknow")
>
> Warum so kompliziert?
>
> Erstelle einfach zwei Einkaufwelten und lege sie untereinander. Die wo die Schrift groß bleiben soll als Masonary. 
so leicht kanns sein 😉 danke hat mir sehr geholfen