Hintergrund Slider

Question

Hi,

ich erstelle gerade einen Fragebogen, in dem ich Kurzprofile von Bewerber:innen darstelle. Das funktioniert soweit ganz gut mit HTML bzw. CSS, allerdings würde ich gerne die Hintergrundfarbe eines Sliders bzw. des gesamten Frageblocks bearbeiten – den entsprechenden Code dazu kann ich allerdings nicht bearbeiten; ich ändere dementsprechend derzeit den Text vor dem Slider im entsprechenden Eingabefeld für das Item selbst, allerdings geht das für den Slider selbst bzw. das übergeordnete div nicht.
Über den Web-Inspektor konnte ich zwar die IDs bestimmen (z.B.#H101_tab oder #H101_01_item), das hilft mir allerdings auch nicht wirklich weiter, weil ich den entsprechenden Code nicht ändern kann.
Gibt es eine Möglichkeit diesen zu ändern/zu überschreiben, die ich bisher noch nicht gefunden habe?

Comments

Möchten Sie bitte einmal einen Pretest-Link direkt (!) zur betroffenen Fragebogen-Seite posten? Dann kann ich mit ein wenig CSS-Code aushelfen. Geht es nur um die eine Frage oder um alle Fragen, für welche die Darstellung geändert werden soll?

> Gibt es eine Möglichkeit diesen zu ändern/zu überschreiben, die ich bisher noch nicht gefunden habe?

Entweder direkt im Layout oder via pageCSS().

---

Hier der Link:
https://www.soscisurvey.de/th23/index.php?i=MULWQ4SWWR0V&rnd=KGSW

Es geht um den Block 'Score' mit Slider. Ich würde gerne den kompletten Block mit einer Hintergrundfarbe hinterlegen.

Answer 1

Ich würde gerne den kompletten Block mit einer Hintergrundfarbe hinterlegen.

Sie haben jeweils nur einen Schieberegler pro Block, daher würde ich folgenden PHP-Code bzw. CSS-Code empfehlen:

pageCSS('
    div.s2question div.s2item {
      background-color: #FFCC00;
      border-radius: 8px;
      box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
');

Er beeinflusst den kompletten Block aller Items unter einer Frage - aber nachdem das bei Ihnen jeweils nur ein Schieberegler ist, sieht das Ergebnis entsprechend Ihrer Beschreibung aus.

Comments

Perfekt, vielen Dank!!