Mouse-Over Farbe "Weiter"-Button ändern

Question

Guten Abend,

Wie kann ich die Mouse-Over Farbe meines "Weiter"-Button einmalig auf allen Pages ändern?

Der "Weiter"-Button hat auf allen Pages die von mir im Fragebogenlayout individuell eingestellte Primärfarbe orange. Beim Drüberfahren mit der Maus wird der Button jedoch grün.
Mir ist nicht ersichtlich, an welcher Stelle im Layout die Mouse-Over Farbe eingestellt werden kann. Ich habe im Fragebogen-Layout unter "Grundeinstellungen" --> Farben für keine der 8 Farben diese grüne Farbe ausgewählt.

Über einen Hinweis wäre ich sehr dankbar!

Answer 1

Hier wurde eine ähnliche Frage gestellt: https://support.soscisurvey.de/?qa=9582/weiter-buttom-farbe-andern

Haben Sie schon im Fragebogen-Layout nachgeschaut?

Comments

Ja das habe ich. Unter Fragebogen-Layout --> Fragebogen-Elemente --> Knöpfe steht: color: white; border: 1px solid %color.8%; background-color: %color.4%; padding: 10px 20px; font-weight: 700;

Die unter Fragebogen-Layout--> Grundeinstellungen --> Farben von mir festgelegten (und im Knopf verwendeten) Farben Primärfarbe [4] und Sekundärfarbe B Dunkel [8] werden auch so dargestellt wie gewollt.

Für mich ist in dem Befehl jedoch nicht ersichtlich, wo die Farbe beim Mouse-Over (bei mir grün) eingestellt wird. Diese möchte ich ändern.

---

Posten Sie gerne einen Pretest-Link zur betroffenen Seite, dann kann ich gerne mit dem passenden CSS-Code aushelfen. Alternativ können Sie auch einen Blick in die Style-/CSS-Infos in der Entwicklerkonsole werfen: https://www.soscisurvey.de/help/doku.php/de:general:browser-tools

---

Es wäre sehr lieb, wenn Sie mir mit dem passenden CSS-Code helfen können. herzlichen Dank!

Hier der Pretest Link: https://www.soscisurvey.de/InventarZurWahrnehmung/?act=y1sj2fL60kRbbwGywe6lAPVz

---

Versuchen Sie es bitte hiermit als PHP-Code auf der Seite:

pageCSS('
  button.s2buttonNext:hover {
    background-color: #FF9900;
  }
');

---

Der Mouse-Over Effekt ist leider immer noch grün.

---

Hmm ... der CSS-Befehl wird an der falschen Stelle im HTML-Code eingefügt. Das muss ich bei Zeiten prüfen, aber als kurzfristige Lösung können wir einfach die Priorität erhöhen:

pageCSS('
  button.s2buttonNext:hover {
    background-color: #FF9900 !important;
  }
');

---

Ach, prima, jetzt funktioniert es. Aller herzlichsten Dank!

Gibt es noch eine Möglichkeit dies einmalig irgendwo im Layout einzufügen, sodass ich den Befehl nicht auf alle 32 Seiten einzeln einfügen muss?

---

Pardon, ich hatte Ihre Frage falsch gelesen und dachte, Sie möchte es nur auf einer Seite ändern. Ja, bitte packen sie das

  button.s2buttonNext:hover {
    background-color: #FF9900;
  }

Einfach im Layout vor das schließende </style>-Tag, vgl. https://www.soscisurvey.de/help/doku.php/de:create:layout#vollstaendige_anpassung

---

Super, aller besten Dank! :)