Slideshow darkening and text when hovering over with the mouse - Forum | JoomShaper
Staff replied SP Page Builder

Slideshow darkening and text when hovering over with the mouse

Asked by Dominik 10 months ago Last activity 10 months ago

Hi there

Is it possible to darken the slideshow and overlay text when you hover over it with the mouse? I have an architect as a client who displays each project with a slideshow. To make it easier for visitors, when they hover over it with the mouse, it should show exactly what is being done. For example: 1 single-family home with 200m2 of living space. It should look like the Image Overlay add-on on the home page.

https://prnt.sc/A0LrzfkOxQiO

Domi

1 reply

Paul Frankowski Senior Staff
10 months ago · edited

Hi Dominik,

In general, it should be possible almost all from Slideshow settings.
For sure you can:

  1. Add Ovelay bg color
  2. Add Text on the slide

And by using your skills & extra Custom CSS you can hide (1 & 2), and show only when mouse hover. First add 1,2, then think about CSS trigger.

info_3689_2026.jpg

I added only one, whole rest is on your hands

Log in to reply.