Problem bei Layout Shutter

Question

Liebes Sosci-Survey Team,

anbei hätte ich ein paar Fragen zum Layout Shutter.

Frage 1:
Ich würde gerne wissen, wie man die Farbe eines Warnhinweises ändert.
Ich habe das Layout Shutter mit einem blauen Farbton gewählt.
Wenn man im Pretest eine Frage auslässt, dann wird die Frage rot hervorgehoben (der Hintergrund ist weiterhin blau). Leider ist das Rot der ausgelassenen Frage nur schwer zu erkennen. Ich würde die Farbe gerne in einen Gelbton abändern.
Wie und wo ist eine solche Änderung möglich und welcher Code für die Farbe ist zu verwenden.

Frage 2:
Da im Layout Shutter der Fortschrittsbalken unten auf der Seite angezeigt wird, habe ich ihn aufgrund eines Tipps im Forum versetzt (siehe unten).
Ich würde jedoch gerne im Layout den Fortschrittsbalken kleiner machen. Dieser wird über die gesamte Seitenbreite angezeigt. Ich habe für die Versetzung des Fortschrittbalkens folgenden Code eingegeben, der im Forum geteilt wurde:
Entfernen Sie die Zeile

 <div class="s2t-progress" style="padding-top: 2px">%progress%</div>

und fügen Sie

<div style="position: relative">
<div style="padding-top: 2px; margin: 0px 0px 24px 0px; height: 10px; width: 100%; border-bottom: 2px solid %color.4%; overflow: hidden"></div>
<div id="s2t-progress" style="background-color: #FFFFFF">%progress%<span><!-- empty span required for IE --></span></div>

über dem Marker %questionnaire% ein. Wenn Sie etwas mit der Positionierung experimentieren möchten, finden Sie die Parameter dafür im Teil hinter "div style".

Frage 3:
Des Weiteren würde ich gerne im Feld der Fragen einen kleinen Absatz einbauen, sodass die Felder nicht so dicht gedrängt wirken. Ich meine damit keinen Abstand zwischen der Frage und den Items an sich.
Beispiel:

Welches Geschlecht haben Sie?
(Ich meine diesen Abstand direkt unter dem Fragetext noch innerhalb der Fragebox)

o
o
o

Ich danke Ihnen vielmals für Ihre Hilfe.

Mit freundlichen Grüßen

Answer 1

Ich würde gerne wissen, wie man die Farbe eines Warnhinweises ändert.

Der Warnhinweis selbst hat ja einen roten Rahmen und einen hellroten Hintergrund.

Wenn Sie einen Fragetext in der Frage verwenden, dann wird der komplette Block weiß-auf-rot.

Was die Farbe nicht ändert, sind die Items. Möchten Sie diese gelb markieren? Das wäre z.B. wie folgt möglich. Einzutragen im <style>-Bereich der HTML-Vorlage des Layouts.

div.s2fail div.shadeF0,
div.s2fail div.shadeF1 {
  background-color: #FFFFCC;
}

Ich würde jedoch gerne im Layout den Fortschrittsbalken kleiner machen.

Sie können - wie Sie schon zitieren - weitere CSS-Befehle direkt im style-Attribut des <div> ergänzen:

<div class="s2t-progress" style="padding-top: 2px; width: 35%">

Abstand direkt unter dem Fragetext noch innerhalb der Fragebox

Wenn Sie an dieser Stelle Platz einfügen, wird das ganze vermutlich ein wenig asymmetrisch. Aber möglich ist es natürlich:

div.title {
  padding-bottom: 16px;
}

Comments

Zu Frage 1:
Sie haben Recht die Warnhinweise der Frage sind weiß auf rot. Ich habe nochmal nachgeschaut.
Die Warnhinweise, die nicht deutlich sichtbar sind, sind die Anweisungen unter den Fragetexten. In meinem Fall ist der Block der Anweisung blau und die Schrift rot. Ich meine, ob man diese Farbe ändern kann.

Zu Frage 2:
Wenn ich Ihre Befehl von 100% auf 35% (.... width: 35%) setze, dann erscheint der blaue Streifen über der Befragung nur noch anteilig. Der Fortschrittsbalken befindet sich jedoch weiterhin über die ganze Seite.

Mit freundlichen Grüßen

---

ad 1) Das Anweisungs-Feld können Sie über "div.s2fail div.explanation" adressieren, also z.B.:

div.s2fail div.explanation {
  background-color: #FFFF00;
}

ad 2) Posten Sie doch mal einen Pretest-Link, dann kann ich mir das live ansehen. Auf Basis Ihrer Beschreibung stochere ich sonst noch länger im Nebel.