Accordion Text & faq Zusatzobjekt alt vs neu 
Author: Elisabeth K.Ich habe das Zusatzobjekt "Accordion Text/FAQ" bei dem es 6 Stile gibt. Dieses Objekt ist jetzt im Marktplace als Zusatzobjekt nicht mehr vorhanden. Es gibt seit einiger Zweit das neuere Objekt "Accordion Text & FAQ", welches das vorherige anscheinend abgelöst hat. Zwei Fragen dazu:
1. Wir verwenden auf vielel Websites das "alte" Objekt (hauptächlich mit Stil 1). Ist für zukünftige Updates sichergestellt, dass das Objekt weiterhin funktionieren wird? Oder muss auf das neue Objekt umgestellt werden?
2. Beim neuen Objekt "Accordion Text & FAQ" - gibt es dort ansonsten auch die Möglichkeit, für den Titel einen Mouse Over Effekt einzustellen (habe es in den Einstellungen selbst nicht gefunden). Also so wie beim "alten" Objekt Stil 1. Denn dieses Mouse Over ist sehr beliebt und wir haben es auf vielen Websites eingesetzt.
Danke für Antworten
Mouseover geht beim neuen Objekt mit zusätzlichem CSS-Code.
Dazu das Objekt "Accordion Text & FAQ" im Raster markieren und oben auf "Code" klicken, dann in der 2. leeren Zeile diesen CSS-Code einfügen - siehe auch Screenshot (1) unten
button:hover {
background-color: darkblue !important;
color: white !important;
}
Bei Bedarf die Farben (englische Farbnamen) anpassen.
Beispiel für Mouseover, siehe Screenshot (2) unten
Vielleicht können die CSS-Experten einen schöneren Mouseover-Effekt gestalten oder Incomedia fügt einen Mouseover-Effekt beim neuen Objekt hinzu.
----- (1) -----
----- (2) -----
Und hier der CSS-Code, wenn sich bei Mouseover nur die Textfarbe ändern soll, siehe
button:hover {
color: magenta !important;
}
-----
Author
super, vielen Dank dafür, gibt es auch einen Code dafür, wenn ich den gesamten Titel (also das gesamte Feld) mit Mouse over ändern möchte? , also dass nicht so ein Balken erscheint, sondern der gesamte Hintergrund des Titelfeldes sich ändert?
Hier müssten wohl die CSS-Experten helfen - meine CSS-Kenntnisse reichen dafür nicht aus.
@Incomedia: Das wäre doch eine Aufgabe für die Entwickler, wenn es vorher möglich war.
<style>
.ac-header:hover{background-color:yellow !important}
</style>
.
ciao
.
Danke KolAsim !!!
Und hier die beiden CSS-Codes kombiniert, siehe
.ac-header:hover{ background-color:yellow !important; }
button:hover { color: magenta !important; }
Liste mit den Farbnamen >> https://wiki.selfhtml.org/wiki/Farbe/Farbangaben#Farbnamen
-----
-----