Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Hintergrunddesign ändern Matrix

  • Projekt-Employ
  • Projekt-Employ's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 1 month ago #239349 by Projekt-Employ
Hintergrunddesign ändern Matrix was created by Projekt-Employ
Bitte helfen Sie uns, Ihnen zu helfen und füllen Sie folgende Felder aus:
Ihre LimeSurvey-Version:  LimeSurvey Community Edition
Version 3.28.38+221115
Eigener Server oder LimeSurvey-Cloud: Cloud
Genutzte Designvorlage: Fruity
==================
Guten Tag,

da ich im Forum dazu bisher nicht fündig geworden bin, nun ein eigener Thread:

Ich würde gerne das Hintergrund-Design einer Matrix ändern.  Hierfür habe im im Custom-CSS die gewünschte Farbe eingegeben. Leider hat dies nur bedingt funktioniert. Die Matrix ist anscheinend so angelegt, dass die Zeilen immer abwechselnd farblich erscheinen. Durch die Änderung im custom-css ändert sich zwar der Hintergund der einen Hälfte der Zeilen, die andere Hälfte bleibt in der bisherigen Farbe. 
Gibt es eine Möglichkeit, die gesamte Matrix mit einem schwarzen Hintergrund darzustellen?
Im Anhang ein Bild der Matrix. Da die Umfrage für sehbehinderte Teilnehmende erstellt wurde, habe ich für die bessere Lesbarkeit im custom-css für die gesamte Umfrage den Hintergrund auf schwarz und die Schrift auf weiß umgestellt.
Ich würde mich sehr freuen, wenn mir jemand weiterhelfen kann!

Liebe Grüße

Anne
Attachments:

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 1 month ago #239352 by Joffm
Replied by Joffm on topic Hintergrunddesign ändern Matrix
Hallo, Anne,
es ist immer das Beste, die Seite mit dem Webdevelopment-Tool des Browsers zu untersuchen.
Dies habe ich auch gemacht und gesehen, dass die Zeilen der Matrix die Klassen "ls-even" und "ls-odd" haben.

Mit diesem Styling (Du würdest es ja ohne die <style></style> tags in die "custom.css" einfügen
Code:
<style type="text/css">
.question-container, tr.ls-even, tr.ls-odd, tr.ls-heading {
  background-color:black;
  color:white;
}
</style>
  
erhältst Du dann
 

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

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 1 month ago #239359 by Joffm
Replied by Joffm on topic Hintergrunddesign ändern Matrix
Hallo, Anne,
ich habe gerade einmal mit den "Design-Vorlage-Optionen" gespielt.
Damit lässt sich ja nahezu alles erschlagen - bis auf Navbar und progress (das muss dann in der "custom.css" erledigt werden..
Hintergrundfarbe und Frage-Hintergrundfarbe: schwarz
Schriftfarbe: weiß

Dann bleibt für die Matrix nur die Farbe der geraden Zeilen mit
Code:
tr.ls-even {
  background-color:black;
  color:white;
}

Jetzt gibt es wohl noch das kleine Problem, dass beim Darüberstreichen die Zeile wieder in der Originalfarbe dargestellt wird.
Das wäre dann hiermit zu lösen
Ich habe hier einmal ein dunkles Grau genommen, um den Hover-Effekt nich ganz zu unterdrücken.
Code:
 .table-hover tbody tr:hover td,  .table-hover tbody tr:hover th {
    background-color: #444 !important;
}



Joffm


 
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Projekt-Employ

Please Log in to join the conversation.

  • Projekt-Employ
  • Projekt-Employ's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
2 years 1 month ago #239511 by Projekt-Employ
Replied by Projekt-Employ on topic Hintergrunddesign ändern Matrix
Hallo Joffm,
vielen Dank für deine Hilfe. Hat geklappt :)
Liebe Grüße
Anne

Please Log in to join the conversation.

Moderators: holch, Joffm, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source