Fixieren Sie Overlay-Elemente im Rastermodus

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.

 

Können Sie nicht finden, wonach Sie suchen?

Wenden Sie sich an einen Pixpa-Experten.