Schriftgröße und -art bei Items in Polaritätenprofil (Likert 7)

Question

Guten Tag,

wenn Ich bei einem Polaritätenprofil für Items eine Unterüberschrift einstelle, dann ist diese stets fett und etwas kleiner geschrieben. Bisher helfe Ich mir so, dass ich html direkt mit in diese Unterüberschrift packe. Das funktioniert, ist aber extrem aufwendig. Leider gibt es im Fragenbogen-Layout noch keine Möglichkeit zur Anpassung. Gibt es evtl. CSS-Code, den Ich am Anfang der Seite einfügen kann, um die Unterüberschriften von Items in einem Polaritätenprofil einheitlich anzupassen?

Vielen Dank für die Unterstützung.

Liebe Grüße

Answer 1

Im Standard-Layout erscheint die Zwischenüberschrift in derselben Schriftgröße wie die Items. In anderen Layouts kann dies anders sein. Sie können das über folgenden CSS-Code anpassen:

div.s2question div.s2items > div.s2item.s2subheading > div.s2label,
div.s2question div.s2items > div.s2item.s2subheading > div.s2input {
  font-weight: normal;
  color: red;
}

Binden Sie den CSS-Code entweder direkt in das Layout ein, direkt vor </style> oder per pageCSS().

Comments

Prima, Ich bedanke mich vielmals für Ihre Zeit! :) Könnten Sie mir noch mitteilen, wie Ich diese Abgrenzung im dynamischen Design "abschalte"?

---

Wenn Sie einen Pretest-Link posten möchten (das erspart viele Fragen nach dem Kontext und den Detail-Einstellungen), kann ich das gerne machen.

---

https://www.soscisurvey.de/tuddue/?act=0YYVuCYtrW2hpQiDZIoVvVz7

Das ist ein vereinfachtes Beispiel der Fragen. Geht aber im Prinzip um die gleiche Darstellung. Diesen "Strich" bei der 4 würde Ich gerne entfernen :)

---

Sie brauchen zwei Zeilen CSS-Selektoren pro Frage, für diese Seite also z.B.

#PE05_tab.s2items div.s2aboveLabels > div.s2polarLeft,
#PE05_tab.s2items div.s2aboveLabels > div.s2polarRight,
#PE06_tab.s2items div.s2aboveLabels > div.s2polarLeft,
#PE06_tab.s2items div.s2aboveLabels > div.s2polarRight {
  border: 0 none;
}

Alternativ können Sie folgende Regel verwenden, die aber u.U. auf anderen Seiten mehr Effekt haben könnte als beabsichtigt:

.s2items div.s2aboveLabels > div {
  border: 0 none !important;
}

---

Das klappt prima, vielen Dank für Ihre Unterstützung :)