Sie können alle Ihre Overlay-Elemente wie Bildunterschriften/Galerietitel und Symbole im Rastermodus anstelle des Hover-Effekts sowohl in der Galerie als auch im Ordner mit Hilfe von CSS-Override korrigieren.
Befolgen Sie diese Schritte, um die Overlay-Elemente zu reparieren:
- Kopieren Sie die gesamte unten erwähnte CSS-Überschreibung.
<style>
#group .grid .grid-item .image-overlay{ opacity: 1;}
#group .grid .grid-item .image-overlay .link-title {bottom: 1em;}
#photo-gallery .grid .grid-item .image-overlay{ opacity: 1;}
</style>
- Gehen Sie nach dem Kopieren des entsprechenden Codes zu Einstellungen (1).
- Im Externe Skripte (2), fügen Sie den Code in die ein Sektion (3).
- Hit the Speichern (4) Schaltfläche zum Speichern der Änderungen im Studio.
Aktualisieren Sie jetzt die Website, um die Änderungen auf der Live-Website zu überprüfen.