Welcome to the LimeSurvey Community Forum

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

Farbanpassungen

  • andrew28
  • andrew28's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
4 years 1 week ago - 4 years 1 week ago #197020 by andrew28
Farbanpassungen was created by andrew28
Ich nutze Version 3.22.10+200323 und möchte die Designvorlage Fruity für unsere Nutzung jeweils farblich anpassen. Bei der Progress Bar, bei der Schrift und den Antwort-Labels ist das auch mit Einträgen in der custom.css gut gelungen.

Aber der "weiter"-Button macht mir Probleme. Die Background-Color wechselt hier ja, je nach Klick und Position des Cursors. Welche Einträge sind hier notwendig?

.btn-primary - habe ich geändert, aber sobald ich über den Button komme, ist er wieder grün. Das Entwickler-Werkzeug zeigt den verbliebenen grünen Hintergrund nicht an. Mit anderen .btn background-color Einträgen habe ich rumprobiert, ohne Erfolg.

Zudem habe ich den merkwürdigen Effekt, dass mir nach dem Anklicken kurz ein grünes "weiter (2)" angezeigt wird. Wo nun diese "(2)"herkommt, verstehe ich erst recht nicht.

Kann jemand helfen?

Anwender - leider kein Informatiker
Last edit: 4 years 1 week ago by andrew28.
The topic has been locked.
  • andrew28
  • andrew28's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
4 years 1 week ago #197041 by andrew28
Replied by andrew28 on topic Farbanpassungen
Der "weiter (2)" - Effekt rührt wohl daher, dass die Befragung aus einer früheren
2.x -Version importiert wurde. Dieser spezielle Aspekt meines Posts ist damit erledigt.

Anwender - leider kein Informatiker
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
4 years 1 week ago #197057 by Joffm
Replied by Joffm on topic Farbanpassungen
Du musst nicht nur den Hintergrund das "jungfräulichen" Buttons ändern, sondern auch
wenn man mit der Maus darüberfährt, nennt man "hover"
und wenn der Button geklickt ist, nennt man "active".
Suche also diese beiden "Pseudoklassen"
.btn-primary:hover
.btn-primary:active

Z.B.
Code:
.btn-primary:hover {
    background-color: #78909C;
    border-color: #2C3E50;
}
 
.btn-primary:active, 
.btn-primary.active {
    background-color: #1A242F !important;
    border-color: #161F29 !important;
}

Das sei Dir überlassen.

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: andrew28
The topic has been locked.
  • andrew28
  • andrew28's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
4 years 1 week ago #197133 by andrew28
Replied by andrew28 on topic Farbanpassungen
DAnke schön, nun funktioniert es.

Anwender - leider kein Informatiker
The topic has been locked.
Moderators: Joffm

Lime-years ahead

Online-surveys for every purse and purpose