{"id":17334,"date":"2025-05-23T10:56:00","date_gmt":"2025-05-23T08:56:00","guid":{"rendered":"https:\/\/www.lamapoll.de\/blog\/?p=17334"},"modified":"2025-05-23T11:41:28","modified_gmt":"2025-05-23T09:41:28","slug":"wofuer-menuepunkt-css-nutzen","status":"publish","type":"post","link":"https:\/\/www.lamapoll.de\/blog\/wofuer-menuepunkt-css-nutzen\/","title":{"rendered":"Wof\u00fcr nutze ich den Men\u00fcpunkt &#8222;CSS&#8220;?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Jeder Fragebogen, den Sie im Umfrage-Tool <a href=\"https:\/\/www.lamapoll.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">LamaPoll<\/a> anlegen, beinhaltet den Men\u00fcpunkt &#8222;CSS&#8220;. Sie finden den Bereich direkt unterhalb der Fragebogen-Navigation und zwischen den Men\u00fcpunkten &#8222;Design&#8220;, &#8222;Farben&#8220; und &#8222;Validierung&#8220; (siehe Abbildung 1).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/menuepunkt_css_lamapoll.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/menuepunkt_css_lamapoll-1024x384.png\" alt=\"\" class=\"wp-image-17355\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/menuepunkt_css_lamapoll-1024x384.png 1024w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/menuepunkt_css_lamapoll-300x113.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/menuepunkt_css_lamapoll-768x288.png 768w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/menuepunkt_css_lamapoll.png 1093w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb. 1 &#8211; Der Men\u00fcpunkt &#8222;CSS&#8220; befindet sich direkt unterhalb der Fragebogen-Navigation. <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">CSS steht dabei f\u00fcr &#8222;Cascading Style Sheets&#8220; &#8211; eine Programmiersprache, die Ihnen Design-Anpassungen innerhalb elektronischer Dokumente erm\u00f6glicht. Um die gew\u00fcnschte Design-\u00c4nderung auszuf\u00fchren, brauchen Sie konkrete CSS-Anweisungen. So lassen sich beispielsweise mit CSS-Befehlen Farben ver\u00e4ndern, Weiter-Buttons entfernen, Abst\u00e4nde anpassen oder auch Texte zentrieren. Eine \u00dcbersicht, mit allen relevanten Codes f\u00fcr Ihre LamaPoll-Umfrage, finden Sie hier: <a href=\"https:\/\/help.lamapoll.de\/Features\/Erstellen\/Design-Funktionen-CSS-Befehle\" target=\"_blank\" rel=\"noreferrer noopener\">Design-Funktionen CSS-Befehle<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CSS-Befehle einbinden &#8211; so geht&#8217;s<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS-Befehle werden, wie in Abbildung 1 gezeigt, \u00fcber den entsprechenden Men\u00fcpunkt eingebunden. Nach einem Klick \u00f6ffnet sich ein Fenster, in das Sie den Befehl Ihrer Wahl eingeben oder kopieren und anschlie\u00dfend abspeichern (siehe Abbildung 2). <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css-menuepunkt_fenster_lamapoll.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css-menuepunkt_fenster_lamapoll-1024x535.png\" alt=\"\" class=\"wp-image-17376\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css-menuepunkt_fenster_lamapoll-1024x535.png 1024w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css-menuepunkt_fenster_lamapoll-300x157.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css-menuepunkt_fenster_lamapoll-768x402.png 768w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css-menuepunkt_fenster_lamapoll.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb. 2 &#8211; Kopieren Sie Ihren CSS-Code in das entsprechende Fenster und speichern abschlie\u00dfend. <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Befehle, die Sie auf diese Weise einbinden, gelten automatisch f\u00fcr die komplette Umfrage. Wollen Sie beispielsweise Text rechtsb\u00fcndig ausrichten (siehe Abbildung 4), werden s\u00e4mtliche Texte rechtsb\u00fcndig dargestellt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es gibt jedoch auch die M\u00f6glichkeit, CSS-Befehle auf ganz bestimmte Fragen zu beschr\u00e4nken. Dazu ben\u00f6tigen Sie zus\u00e4tzlich zum CSS-Befehl die ID der betreffenden Fragen. Diese Fragen-ID finden Sie bei jedem Element nach einem Klick auf das Bleistift-Symbol (siehe Abbildung 3).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/fragen-id-css-lamapoll.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"372\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/fragen-id-css-lamapoll-1024x372.png\" alt=\"\" class=\"wp-image-18553\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/fragen-id-css-lamapoll-1024x372.png 1024w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/fragen-id-css-lamapoll-300x109.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/fragen-id-css-lamapoll-768x279.png 768w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/fragen-id-css-lamapoll.png 1220w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb. 3 &#8211; Verwenden Sie die Fragen-ID, um CSS-Befehle auf bestimmte Fragen zu beschr\u00e4nken. <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Was Sie au\u00dferdem noch bei der Verwendung von CSS-Codes f\u00fcr einzelne Fragen beachten m\u00fcssen, zeigen wir Ihnen hier:<strong> <\/strong><a href=\"https:\/\/www.lamapoll.de\/blog\/einzelne-fragen-individuell-mit-css-codes-anpassen\/\" target=\"_blank\" rel=\"noreferrer noopener\">Einzelne Fragen individuell mit CSS-Codes anpassen<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Beispiele f\u00fcr n\u00fctzliche CSS-Befehle<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Texte rechtsb\u00fcndig ausrichten<\/strong>: Dieser Befehl richtet s\u00e4mtliche Inhalte rechtsb\u00fcndig aus.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>.poll{ text-align:right!important; }<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css_rechtsbuendig_ausrichten_lamapoll.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"409\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css_rechtsbuendig_ausrichten_lamapoll-1024x409.png\" alt=\"\" class=\"wp-image-17403\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css_rechtsbuendig_ausrichten_lamapoll-1024x409.png 1024w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css_rechtsbuendig_ausrichten_lamapoll-300x120.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css_rechtsbuendig_ausrichten_lamapoll-768x307.png 768w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/css_rechtsbuendig_ausrichten_lamapoll.png 1187w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb. 4 &#8211; Textblock mit rechtsb\u00fcndig ausgerichtetem Text. <\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Spalten einer Matrixfrage einf\u00e4rben<\/strong>: Die Farbcodes der jeweiligen Spalte k\u00f6nnen individuell angepasst werden. <\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>.matrix-question .choice-cell:nth-child(2) {\nbackground:#7ce696\n}\n\n.matrix-question .col-head:nth-child(2) {\nbackground:#7ce696 !important\n}\n\n.matrix-question .choice-cell:nth-child(3) {\nbackground:#d5ebdb\n}\n\n.matrix-question .col-head:nth-child(3) {\nbackground:#d5ebdb !important\n}\n\n.matrix-question .choice-cell:nth-child(4) {\nbackground:#cee6f2\n}\n\n.matrix-question .col-head:nth-child(4) {\nbackground:#cee6f2 !important\n}\n\n.matrix-question .choice-cell:nth-child(5) {\nbackground:#e6cd8e\n}\n\n.matrix-question .col-head:nth-child(5) {\nbackground:#e6cd8e !important\n}\n\n.matrix-question .choice-cell:nth-child(6) {\nbackground:#f76f6f\n}\n\n.matrix-question .col-head:nth-child(6) {\nbackground:#f76f6f !important\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/matrixfrage_einfaerben_lamapoll.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"347\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/matrixfrage_einfaerben_lamapoll-1024x347.png\" alt=\"\" class=\"wp-image-17412\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/matrixfrage_einfaerben_lamapoll-1024x347.png 1024w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/matrixfrage_einfaerben_lamapoll-300x102.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/matrixfrage_einfaerben_lamapoll-768x260.png 768w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/matrixfrage_einfaerben_lamapoll.png 1178w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb. 5 &#8211; Matrixfrage mit individuell eingef\u00e4rbten Spalten. <\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bestimmte Fragen zentrieren:<\/strong> F\u00fcr diesen Befehl ben\u00f6tigen Sie die ID der Frage, die Sie zentrieren wollen. Klicken Sie dazu auf &#8222;Bearbeiten&#8220; bzw. auf das Bleistift-Symbol. Die ID befindet sich direkt in der \u00dcberschrift. Kopieren Sie die Ziffern und ersetzen damit den Part &#8222;Nummer\/ID&#8220; des CSS-Codes.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>.poll #question_NUMMER\/ID .choice-question{ text-align:center }<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/frage_zentrieren_css_lamapoll.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"322\" src=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/frage_zentrieren_css_lamapoll-1024x322.png\" alt=\"\" class=\"wp-image-17424\" srcset=\"https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/frage_zentrieren_css_lamapoll-1024x322.png 1024w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/frage_zentrieren_css_lamapoll-300x94.png 300w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/frage_zentrieren_css_lamapoll-768x242.png 768w, https:\/\/www.lamapoll.de\/blog\/wp-content\/uploads\/2025\/04\/frage_zentrieren_css_lamapoll.png 1179w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\"><em>Abb. 6 &#8211; Zentrierte Antworten einer Auswahlfrage. <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Jeder Fragebogen, den Sie im Umfrage-Tool LamaPoll anlegen, beinhaltet den Men\u00fcpunkt &#8222;CSS&#8220;. Sie finden den Bereich direkt unterhalb der Fragebogen-Navigation und zwischen den Men\u00fcpunkten &#8222;Design&#8220;, &#8222;Farben&#8220; und &#8222;Validierung&#8220; (siehe Abbildung 1). CSS steht dabei f\u00fcr &#8222;Cascading Style Sheets&#8220; &#8211; eine Programmiersprache, die Ihnen Design-Anpassungen innerhalb elektronischer Dokumente erm\u00f6glicht. Um die gew\u00fcnschte Design-\u00c4nderung auszuf\u00fchren, brauchen Sie [&hellip;]<\/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":[388,1259,1260,2454,385,386,1498],"class_list":["post-17334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-feedbackmanagement","category-frage-der-woche","tag-css-lamapoll-umfrage","tag-css-befehle-einsetzen","tag-css-code-einfuegen","tag-design-anpassungen-mit-css","tag-lamapoll-css-befehle","tag-lamapoll-editor-css-anweisungen","tag-umfrage-mit-css-designen"],"_links":{"self":[{"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/17334","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=17334"}],"version-history":[{"count":23,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/17334\/revisions"}],"predecessor-version":[{"id":19484,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/posts\/17334\/revisions\/19484"}],"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=17334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/categories?post=17334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamapoll.de\/blog\/wp-json\/wp\/v2\/tags?post=17334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}