Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Hintergrundfarbe und Verstecken der Gitterlinien

More
5 years 1 week ago #204963 by kasparis
Hintergrundfarbe und Verstecken der Gitterlinien was created by kasparis
Hallo!

ich würde gerne jede Frage mit einer Hintergrundfarbe versehen und zwar so, dass es ein Feld ist und die Antwortkategorien nicht mit anderem Hintergrund hervorgehoben werden. Was ich bis jetzt in custom.css versucht habe:

.question-container.row {
margin-right: 0;
margin-left: 0;
}
.question-container {
background-color: #e1ecf7;
margin-bottom: 15px;
padding-bottom: 15px;
border: none;
margin-top: 30px;
}


.body {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #E1ECF7;
margin: 0;
padding: 0;
border: none;
}


Das hatte nicht den gewünschten Effekt. Ich habe zwei Bilder in den Anhang getan - so wie es bei mir aussieht und so wie ich es gerne hätte.

Vielleicht hat ja jemand die Lösung!

Danke im Voraus!
The topic has been locked.
More
5 years 1 week ago - 5 years 1 week ago #204964 by Joffm
Replied by Joffm on topic Hintergrundfarbe und Verstecken der Gitterlinien
LimeSurvey Version?
Welches Theme resp. Template?
Und es soll wie Frage2 aussehen, oder?
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 1 week ago by Joffm.
The topic has been locked.
More
5 years 1 week ago #204965 by kasparis
Replied by kasparis on topic Hintergrundfarbe und Verstecken der Gitterlinien
Version: 3.22.17+200525
Ich verwende das Template skelvanilla
Genau, wie Frage2

Danke!
The topic has been locked.
More
5 years 6 days ago #204974 by Joffm
Replied by Joffm on topic Hintergrundfarbe und Verstecken der Gitterlinien
Code:
<style type="text/css">.radio-list li.radio-item label, .checkbox-list li.checkbox-item label {
  border:0;
  color: #333;
  background-color: #E1ECF7;
</style>

oder auch in der custom.css

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
5 years 6 days ago #204976 by kasparis
Replied by kasparis on topic Hintergrundfarbe und Verstecken der Gitterlinien
Wo, wenn nicht in der custom.css?
Weil da zeigt er mir Fehlermeldungen an, wenn ich es so eingebe.
Habe es bei custom.css so probiert:

.radio-list .radio-item, .checkbox-list .checkbox-item label {
border:0;
color: #333;
background-color: #E1ECF7;
}

Aber das klappt leider nicht.

Danke für Ihre Geduld!
The topic has been locked.
More
5 years 6 days ago #204977 by kasparis
Replied by kasparis on topic Hintergrundfarbe und Verstecken der Gitterlinien
Es sieht jetzt so aus:
The topic has been locked.
More
5 years 6 days ago #204978 by holch
Replied by holch on topic Hintergrundfarbe und Verstecken der Gitterlinien
Dein Beispiel-Screenshot komnt aber nicht von einer Frage vom Typ List (Radio), so wie du in den ersten Beispielen gezeigt hast, sondern von einer Array/Matriz-Frage... ?!

Es wäre schon wichtig genau zu klären, was du da genau machen willst.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
More
5 years 6 days ago #204979 by holch
Replied by holch on topic Hintergrundfarbe und Verstecken der Gitterlinien
Und als Tip zur besseren lesbarkeit deiner Matrix-Frage: Schreibe die Nummer unter den Text, dann sind alle Nummern auf der gleichen Höhe und der Text steht drüber. Sieht mit sicher heit besser aus und ist auch besser zu erfassen. Das hat jetzt aber mit der eigentlichen Frage nichts zu tun.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
More
5 years 6 days ago #204980 by kasparis
Replied by kasparis on topic Hintergrundfarbe und Verstecken der Gitterlinien
Ich möchte grundsätzlich -unabhängig von den/ für alle Fragetypen - den Antwort-Block als eine Oberfläche haben.
Also Hintergrundfarbe blau, Antwortblock blau und keine Gitterlinien.
The topic has been locked.
More
5 years 6 days ago #204982 by holch
Replied by holch on topic Hintergrundfarbe und Verstecken der Gitterlinien
Das halte ich, gerade bei langen Matrix-Fragen zwar für keine gute Idee, aber das ist doch schon mal eine Info, mit der man schauen könnte, welche Stellen in CSS da gebraucht werden.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
More
5 years 6 days ago #204983 by Joffm
Replied by Joffm on topic Hintergrundfarbe und Verstecken der Gitterlinien
Hallo,

Wo, wenn nicht in der custom.css?

Na, im Fragentext.
Es gab hier schon öfter Anfragen, wie man einzelne Fragen farbig darstellen kann.

Dass die tags in der custom.css wegfallen, sollte Dir klar sein; Du hast es ja so bei Deinen Versuchen gezeigt.
Und mach das bitte nicht noch einmal, zunächst ein list(radio) zu zeigen, und sich dann zu wundern, dass es nicht in einem array funktioniert.
Denn, was ich dir schrieb, erzeugt zunächst einmal genau Dein Beispiel.

Abgesehen davon wäre es sicher das Beste, den Autor des Themes zu fragen. (also Denis)

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
More
5 years 6 days ago #205007 by kasparis
Replied by kasparis on topic Hintergrundfarbe und Verstecken der Gitterlinien
Keine Sorge, es hat auch bei list(radio) nicht geklappt.
The topic has been locked.
More
5 years 6 days ago #205013 by Joffm
Replied by Joffm on topic Hintergrundfarbe und Verstecken der Gitterlinien
Na gut,
für eine Matrix kannst Du dies nehmen.
Jedenfalls klappt es bei mir in 3.22.24 und "skelvanilla"


Oder auch in "fruity"

Code:
<style type="text/css">.ls-answers tbody .answertext {
    text-align: left;
}
 
 .table-bordered > thead > tr > th {
    border: 0;
    background-color: #ff9;
}
 .table-bordered > thead > tr > td {
    border: 0;
    background-color: #ff9;
}
 .table-bordered > tbody > tr > th {
    border: 0;
    background-color: #ff9;
}
 .table-bordered > tbody > tr > td {
    border: 0;
    background-color: #ff9;
}
 .table-bordered {
    border: 0px solid #dadada;
    background-color: #ff9;
}
  body, .answer-container, .question-title-container, .question-valid-container {
    background-color: #ff9;
}
</style>

Für andere Fragetypen musst Du dann mit einem Webdevelopment-Toll nachsehen, welhe Klassen relevant sind.
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
Moderators: holch, Joffm, tpartner

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source