Elementor: Bild-Karussell/Slideshow inkl. Pfeilen und Text auf Bild

  • Hallo zusammen, ich benutze erstmalig den Elementor Page Builder (free version) und habe dazu eine Frage: Ich habe Bilder mit Overlays, die beim Hovern das Bild durchsichtig grau überlagern und mittig auf dem Foto erscheint dann weißer Text, der im Normalzustand nicht zu sehen ist (per CSS). Text auf Fotos kann man ja wunderbar einstellen (mit innerem Abschnitt). Das funktioniert auch gut bei einer Slideshow – da habe ich dann allerdings keine Pfeile und Punkte. Bei einem Bild-Karussell habe ich Pfeile und Punkte, dort habe ich dann aber wiederum nicht die Möglichkeit Text auf dem Bild zu platzieren.
    Das Plugin Smart Slider hat mich leider auch nicht weitergebracht. Ich wäre sehr dankbar über Tipps und Hilfe hier im Forum!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Zum Verständnis: Du möchtest eine Slideshow mit Navigation über Pfeile und Punkte und jeder Slide soll bei mouse-over einen Text zum jeweiligen Bild inkl. Farboverlay einblenden?

  • Ja, genau. Es soll übrigens nicht über jedem Slide ein anderer Text sein. Für alle Slides gilt der gleiche Text.
    Normal: Bild mit Navigation Pfeile und Punkte
    Hover: Bild mit Overlay (Grau inkl. Opacity) und Text (weiß) mittig auf Bild

  • Hmm – ungewöhnliche Kombi aus Slider UND Mouseover.
    Frage:
    a) Warum kann der Text nicht einfach darunter stehen, wenn er eh für alle Slider gleich ist?
    b) Wie soll sich das mouse-over auf Touchscreens verhalten?

  • a) Ja, das stimmt mit der ungewöhnlichen Kombi. Aber die Seite ist für einen Designer. Das gewünschte Layout besteht hauptsächlich aus (vielen) Bildern die so aufgebaut sind, mit den immer gleichen Abständen dazwischen. Dieser Look soll unbedingt beibehalten werden – auch bei den paar Slidern und Videos zwischendrin.
    b) Das ist eine gute Frage, die noch nicht final beantwortet ist...

  • Okay, am nächsten dran (von dem, was mir bekannt ist) ist das Slider-Widget der Emt Pro Version. Da ist nur der Text und das Overlay ständig aktiv. Müsste man also noch mit etwas CSS auf mouse-over ummodeln.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!