Für den horizontalen Slider und den Slider mit Scroll-Layout gibt es keine integrierte Anpassung der Overlay-Farbe, aber Sie können dies mit Hilfe von CSS-Override verwalten.
Befolgen Sie diese Schritte, um die Überlagerungsfarbe hinzuzufügen:
- Kopieren Sie die gesamte unten erwähnte CSS-Überschreibung:
<style>
#frame .slidee li {opacity: 1;}
#frame .slidee li.list-active:after {background: none;}
#frame .slidee li:after {
background: #000000d1;
display:flex;
content: "";
position: absolute;
top: 0;
width: 100%;
z-index: 9;
height: 100%;
transition: all 1s ease-out;}
</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.