{"id":16216,"date":"2025-03-14T14:53:10","date_gmt":"2025-03-14T12:53:10","guid":{"rendered":"https:\/\/www.lamapoll.de\/blog\/?p=16216"},"modified":"2025-03-14T14:55:39","modified_gmt":"2025-03-14T12:55:39","slug":"zeilenabstand-fuer-fragetexte-in-der-mobilen-ansicht-verringern","status":"publish","type":"post","link":"https:\/\/www.lamapoll.de\/blog\/zeilenabstand-fuer-fragetexte-in-der-mobilen-ansicht-verringern\/","title":{"rendered":"L\u00e4sst sich der Zeilenabstand f\u00fcr Fragetexte in der mobilen Ansicht verringern?"},"content":{"rendered":"\n

Ja, das ist durchaus m\u00f6glich. Um den Zeilenabstand von Fragetexten in der mobilen Ansicht zu verringern, ben\u00f6tigen Sie folgenden CSS-Code f\u00fcr Ihre LamaPoll<\/a>-Umfrage:<\/p>\n\n\n\n

@media screen and (max-width: 767px) {\n.thV5 .poll-page .question-text-container h2.question-text-wrapper {\nline-height:0.8\n}\n}<\/code><\/pre>\n\n\n\n
Kopieren Sie diesen Code und klicken anschlie\u00dfend auf den Men\u00fcpunkt „CSS“. Kopieren Sie den Code jetzt in das Fenster und speichern anschlie\u00dfend. <\/p>\n\n\n\n
\"\"<\/a>
Abb. 1 – Klicken Sie auf den Men\u00fcpunkt „CSS“ und kopieren den Code in das entsprechende Fenster. <\/em><\/figcaption><\/figure>\n\n\n\n
Sie k\u00f6nnen den Abstand \u00fcber „line-height“ jederzeit ganz individuell anzupassen – ihn also entweder verkleinern oder bei Bedarf vergr\u00f6\u00dfern. \u00c4ndern Sie dazu einfach die Zahl im CSS-Code. Je gr\u00f6\u00dfer die Zahl ist, desto gr\u00f6\u00dfer wird auch der Zeilenabstand. <\/p>\n\n\n\n
3 Beispiele f\u00fcr verschiedene Zeilenabst\u00e4nde in der mobilen Ansicht<\/strong><\/p>\n\n\n\n
1.) Standard-Abstand <\/strong><\/p>\n\n\n\n
F\u00fcr einen normalen, standardm\u00e4\u00dfigen Abstand nutzen Sie am besten „line-height:1.2“ (siehe Abbildung 2). Haben Sie jedoch einen l\u00e4ngeren Fragetext, nimmt dieser in der mobilen Ansicht unter Umst\u00e4nden schon zu viel Platz weg.<\/p>\n\n\n\n
@media screen and (max-width: 767px) {\n.thV5 .poll-page .question-text-container h2.question-text-wrapper {\nline-height:1.2\n}\n}<\/code><\/pre>\n\n\n\n
\"\"<\/a>
Abb. 2 – Fragetext mit Zeilenabstand „1.2“.<\/em><\/figcaption><\/figure>\n\n\n\n
2.) Verringerter Abstand<\/strong><\/p>\n\n\n\n
Um den Abstand Ihrer Fragetexte zu verringern und dabei dennoch eine gute Lesbarkeit zu gew\u00e4hrleisten, raten wir Ihnen zu einem Abstand von „0.8“ (siehe Abbildung 3).<\/p>\n\n\n\n
@media screen and (max-width: 767px) {\n.thV5 .poll-page .question-text-container h2.question-text-wrapper {\nline-height:0.8\n}\n}<\/code><\/pre>\n\n\n\n
\"\"<\/a>
Abb. 3 – Fragetext mit Zeilenabstand „0.8“.<\/em><\/figcaption><\/figure>\n\n\n\n
3.) Vergr\u00f6\u00dferter Zeilenabstand<\/strong><\/p>\n\n\n\n
Wollen Sie den Zeilenabstand hingegen erweitern und mehr Platz zwischen den Zeilen schaffen, dann w\u00e4hlen Sie eine gr\u00f6\u00dfere Zahl als „1.2“ f\u00fcr den line-height-Befehl. In Abbildung 4 sehen Sie beispielhaft einen Abstand von „2.2“.<\/p>\n\n\n\n
@media screen and (max-width: 767px) {\n.thV5 .poll-page .question-text-container h2.question-text-wrapper {\nline-height:2.2\n}\n}<\/code><\/pre>\n\n\n\n
\"\"<\/a>
Abb. 4 – Fragetext mit Zeilenabstand „2.2“.<\/em><\/figcaption><\/figure>\n\n\n\n
Im \u00dcbrigen haben Sie auch die M\u00f6glichkeit, den Zeilenabstand von Textelementen innerhalb Ihrer Online-Umfrage anzupassen und sich somit nicht nur auf die mobile Ansicht zu beschr\u00e4nken. Hierzu m\u00fcssen Sie den „line-height“-Befehl direkt in den Quellcode des entsprechenden Elements einf\u00fcgen. Eine genaue Anleitung dazu finden Sie hier: Zeilenh\u00f6he bei Textelementen anpassen<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Ja, das ist durchaus m\u00f6glich. Um den Zeilenabstand von Fragetexten in der mobilen Ansicht zu verringern, ben\u00f6tigen Sie folgenden CSS-Code f\u00fcr Ihre LamaPoll-Umfrage: Kopieren Sie diesen Code und klicken anschlie\u00dfend auf den Men\u00fcpunkt „CSS“. Kopieren Sie den Code jetzt in das Fenster und speichern anschlie\u00dfend. Sie k\u00f6nnen den Abstand \u00fcber „line-height“ jederzeit ganz individuell anzupassen […]<\/p>\n","protected":false},"author":1,"featured_media":1434,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,156],"tags":[2385,2382,2379],"class_list":["post-16216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feedbackmanagement","category-frage-der-woche","tag-zeilenabstand-fuer-fragentexte-in-mobiler-ansicht-vergroessern","tag-zeilenabstand-fuer-smartphone-optimieren","tag-zeilenhoehe-in-mobiler-ansicht-anpassen"],"_links":{"self":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/16216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/comments?post=16216"}],"version-history":[{"count":16,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/16216\/revisions"}],"predecessor-version":[{"id":16926,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/16216\/revisions\/16926"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media\/1434"}],"wp:attachment":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/media?parent=16216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/categories?post=16216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/tags?post=16216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}