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
6 hours 40 minutes 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
5 hours 58 minutes 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.

Moderators: holchJoffmtpartner

Lime-years ahead

Online-surveys for every purse and purpose