Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Schriftfarbe Antwortoptionen

  • Duendar
  • Duendar's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 months 3 weeks ago #267779 by Duendar
Schriftfarbe Antwortoptionen was created by Duendar
Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version: Version 6.6.8+241104
Eigener Server oder LimeSurvey-Cloud:
Genutzte Designvorlage: erweiterte Fruity-twentythree Vorlage
==================
Hallo zusammen, da ich leider im Forum nichts konkretes dazu finden konnte, hier meine Frage bezüglich der Schriftfarbe der Antwortoptionen ("Fragetyp" - Liste Optionsfelder): Wie lässt sich die Schriftfarbe bei den Antwortoptionen generell ändern? Und (wichtiger): Wie lässt es sich verhindern, dass eine Antwortoption nachdem man sie ausgewählt hat im Fruity-Grün angezeigt wird (siehe beigefügtes Bild)? Ich arbeite mittels custom.css. Für hilfreiche Tipps wäre ich dankbar.
Viele Grüße

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 months 3 weeks ago #267780 by Joffm
Replied by Joffm on topic Schriftfarbe Antwortoptionen
Hallo,
das Beste ist immer, die Seite mit dem Webdevelopment-Tool Deines Browsers zu untersuchen (F12)
Dann siehst Du z.B. dieses (hier in Firefox, bei Chrome ist das Fenster am rechten Rand)
 

Hier kannst Du auch direkt Änderungen vornehmen, um den Effekt zu sehen.
 

Und wenn es dann passt, übernimmst Du in Deine "custom.css"

Hier habe ich einmal alles (Text, aktiver Text, Radio-Button) auf die Farbe "maroon" gesetzt.
 
Hier sind alle Anweisungen getrennt, falls Du eben verschiedene Farben benutzen möchtest; sonst kannst Du natürlich alle zusammenfassen.
Code:
.ls-answers label, .answer-item label, .control-label {
    color: maroon;
}
.radio-item label::before {
    border: 2px solid maroon;
    background-color: #fff;
}
.radio-item input[type="radio"]:checked + label {
    color: maroon;
}
.radio-item input[type="radio"]:checked + label::before {
    border-color: maroon;
}
 
.radio-item input[type="radio"]:checked + label::after {
    background-color: maroon;
}
</style>

Eine andere Möglichkeit wäre natürlich, eine der Variationen, also "Blueberry", "Grape" oder "Mango" entsprechend anzupassen.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • Duendar
  • Duendar's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 months 1 week ago #268056 by Duendar
Replied by Duendar on topic Schriftfarbe Antwortoptionen
Hallo Joffm,

tausend Dank für die schnelle und hilfreiche Rückmeldung! Hat funktioniert. Ich habe zwar probiert selbst darauf zu kommen, aber leider konnte ich nicht herausfinden wie ich auch bei dem Fragetyp "Mehrfachauswahl" mein entsprechendes Farbanliegen implementieren kann (siehe Screenshot), da bei diesem Fragetyp automatisch ein anderes Design der Checkboxen durch LS vorliegt (zum Vergleich Screenshot 2 wie meine Zielvorstellung ist). Und eine weitere Frage dazu wäre: Gibt es eine möglich (eventuell über den Quellcode der Frage) die Antwortbox bei "Anderes" (siehe Screenshot) in die Länge ziehen zu können.

Ich arbeite mittels custom.css. Ich wäre sehr dankbar für Hilfestellungen.

Viele Grüße

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 months 1 week ago #268060 by Joffm
Replied by Joffm on topic Schriftfarbe Antwortoptionen
Hallo,
das findest Du alles in meinem "Tutorial 3: Gimmicks", Kap. 13.
Findest Du hier auf Seite 15+-2
Dort steht auch der entscheidemnde SatzUm Checkboxen farbig zu gestalten, wird im css_Text nur jedes „radio“ durch „checkbox“ ersetzt. Und die Länge des "Sonstigen"-Feldes wurde gerade vor ein Paar Tagen hier wieder einmal erklärt.
[url] forums.limesurvey.org/forum/design-issue...t-field-other#267878 [/url]

Joffm

 

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

  • Duendar
  • Duendar's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
4 months 1 week ago #268070 by Duendar
Replied by Duendar on topic Schriftfarbe Antwortoptionen
Hallo Joffm,

vielen Dank für die erneut schnelle Antwort. Das pdfTutorial zu den Gimmicks ist klasse. Aber irgendwo ist bei mir der Wurm drin, ich bin wohl zu sehr Laie darin oder gerade einfach zu verkopft: Ich gehe mal davon aus, dass ich "#question{QID}" mit dem entsprechenden Fragecode und der FrageID ersetzen muss. Was kommt an die Stelle "text/css" (falls überhaupt)? Denn wenn ich es im Quellcode probiere, passiert folgendes (siehe Screenshot).

Viele Grüße

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 months 1 week ago #268077 by Joffm
Replied by Joffm on topic Schriftfarbe Antwortoptionen
Wo kommt denn dieses #G04Q57{508} her?
Das hast Du sicher nirgendwo bei mir gelesen?

Dort steht #question{QID}.
Und das wird auch nicht geändert.

Mache Dich einmal schlau, was Identifier und Klassen in der Web-Programmierung bedeuten.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless

Please Log in to join the conversation.

Moderators: holchJoffmtpartner

Lime-years ahead

Online-surveys for every purse and purpose