Mouseover-Effekt: SW-Farbig (für eine Staff-List)

Hi!

Dafür brauchst du kein Plugin, sondern nur ein wenig CSS 🙂 Das könnte ungefähr so aussehen:

.staff img {
    filter: grayscale(1);
}

.staff img:hover {
    filter: grayscale(0);
}

Einfügen kannst du das nach der Anpassung an das Markup der Mitarbeiter-Liste in das »Zusätzliches CSS«-Feld im Customizer.

Viele Grüße
Florian

• Diese Antwort wurde geändert vor 6 Jahren, 9 Monaten von Florian Brinkmann.
• Diese Antwort wurde geändert vor 6 Jahren, 9 Monaten von Florian Brinkmann.

Hey,

wenn du einen Link zu der Mitarbeiterliste postest, kann ich den Code entsprechend anpassen 🙂

Viele Grüße!

Ah, ich hatte da etwas falsch verstanden – ich dachte, du nutzt schon etwas Plugin-Artiges für diese Liste und brauchst nur etwas für diesen Hover-Effekt … Du könntest es wie folgt lösen: Gehe in der Bearbeitungsansicht dieser Seite in die Textansicht und füge ganz am Anfang ein <div class="staff"> ein, und ganz am Ende ein </div>. Damit sollte es dann mit dem Code von oben funktionieren. Bei weiteren Mitarbeitern musst du dann nur darauf achten, dass sie alle zwischen diesen Beiden Elementen eingefügt werden.

• Diese Antwort wurde geändert vor 6 Jahren, 9 Monaten von Florian Brinkmann.

Erfahrung mit solchen Plugins habe ich nicht, nein … Mit dem, das du jetzt installiert hast, sollte es mit diesem Code klappen:

.tmm_photo {
    filter: grayscale(1);
}

.tmm_photo:hover {
    filter: grayscale(0);
}