HTML Basics - Der HTML Kurs in der Cord Media Academy

Inhalt

Wir können einen Schieberegler verwenden, um die Pfeile eines Sliders an- oder abzuschalten. Wenn Ihr das Divi Slider-Modul verwenden, werdet Ihr feststellen, dass die Pfeile im Modul auf jeder Seite nicht immer sichtbar sind. Diese Pfeile sind dann nur sichtbar, wenn wir mit der Maus darüber fahren.

Um die Schiebereglerpfeile ständig sichtbar zu machen, könnt Ihr die folgenden Schritte ausführen:

Geht zu den Divi Theme-Optionen. Platziert den untenstehenden Code im Feld Custom CSS:

.et-pb-arrow-next {
opacity: 1;
right: 22px;
}
.et-pb-arrow-prev{
opacity: 1;
left: 22px;
}

Fertig!

Wenn Ihr jetzt noch Euren Pfeile einen Hintergrund hinzufügen möchtet, könnte Ihr folgenden Code verwenden. (Tipp von Divi Nutzer Michaela!)

.et-pb-arrow-next {
opacity: 1;
right: 22px
background-color: rgba(255,255,255,0.4);
}

.et-pb-arrow-prev{
opacity: 1;
left: 22px;
background-color: rgba(255,255,255,0.4);
}

Pfeile permanent sichtbar!

In diesem Beispiel-Modul könnt Ihr es sehen!

Ihr Titel

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.