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
1 year 8 months 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
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 8 months 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
  • a1.PNG a1.PNG

    • Please Log in to join the conversation.

    • Joffm
    • Joffm's Avatar
    • Away
    • LimeSurvey Community Team
    • LimeSurvey Community Team
    More
    1 year 8 months 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
  • a3.PNG a3.PNG
    • 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
    1 year 8 months 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