Layout: Abstand zwischen Kopf und Frage

Question

Wie kann ich die Abstände zwischen Kopf (also dem farbigen Balken oben im Layout) und Frage reduzieren? (Ich benutze SoSci Survey Standard 2023)

Außerdem wird der Weiter-Button bei mir beim Anklicken grün hinterlegt: Wo lässt sich die Farbe ändern (habe ich in den Farbeinstellungen des Layouts nicht gefunden)

Vielen Dank im voraus!

Answer 1

zwischen dem blauen Balken oben und dem ersten fragetext sollten ca. zweieinhalb Zeilen Abstand sein. Wenn Sie dort mehr haben, posten sie gerne einen Pretest-Link, dass hakt es an anderer Stelle.

Eingebaut ist der Abstand in der HTML-Vorlage des Layouts an dieser Stelle:

...
<div id="s2t-content">
<div style="margin-top: 60px; margin-bottom: 32px;"></div>
%questionnaire%
...

Die mittlere Zeile sorgt für den Abstand. Entfernen Sie z.B. das margin-top: 60px; , um den Abstand deutlich zu reduzieren.

Außerdem wird der Weiter-Button bei mir beim Anklicken grün hinterlegt

Dieses Verhalten ist hier in der HTML-Vorlage des Layouts definiert:

input.button.s2buttonNext:hover,
button.s2buttonNext:hover {
    background-color: #66CC66;
    color: white;
}