Ich habe mir erlaubt, für eine akkkurate Antwort erneut ein Administrator-Logon für Ihr Befragungsprojekt anzulegen. Um CSS-Befehle im Layout zu ergänzen suchen Sie bitte im Karteireiter "HTML-Vorlage" des Layout den Bereich zwischen <style> und </style>. Dort ergänzen Sie...
.s2iSelection.cards.js div.option > div.label {
padding: 0;
}
Damit wird der voreingestellte Innenabstand von 1em links und rechts aufgehoben. Die Kärtchen werden daruch schmaler. Aber Sie können in der Frage ja direkt einstellen, dass Sie "nur" 25 Spalten (Kärtchen pro Zeile) haben möchten. Wenn das noch nicht zum gewünschten Ergebnis führt, sagen Sie bitte nochmal Bescheid. Ich möchte nur ohne Absprache keine Änderungen in "fremden" Projekten vornehmen.
Zum Durchstreichen können Sie <div style="text-decoration: line-through">Text/<div> bzw. dasselbe mit <span> nutzen.
Ein Deaktivieren einzelner Optionen sieht die Mehrfachauswahl nicht vor. Allerdings können Sie mittels JavaScript einzelne Eingabefelder deaktivieren:
<script type="text/javascript">
document.getElementById("VB22_04").setAttribute("disabled", true);
</script>
Damit wird übrigens nicht die Reaktion des Kästchens auf Mausberührung verändert. Dies müsste gesondert geändert werden.
Falls sie die Kärtchen hübscher einfärben möchten, können Sie das übrigens auch mittels JavaScript erledigen:
var inputs = ["VB22_06", "VB22_08", "VB22_10"];
for (var i=0; i<inputs.length; i++) {
var cardID = inputs[i] + "_container";
var card = document.getElementById(cardID);
card.style.backgroundColor = "#CCCCCC";
}
... unabhängig vom Innenabstand. Diese Option fiel mir jetzt erst ein, das Sie bisher explizit nach einer Angabe in der Option gesucht hatten. So ist es aber eigentlich eleganter.