Text hover on text caption

[sofiapapa08]

Hi,

I am trying to put a caption by hover under my carrousel.
What is the best/simple way to do it, as it will be a different text on each project?

I've just put the "info" texte under my carrousel as you can see where I want it to appear (https://sofiappfth.ch/?p=390)
and a simple example using css (https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip)
It be also great that when the hover-caption appears, "info" disappear.

Thanks in advance,
Sofia :-)

[Richard]

Dear @sofiapapa08

Sorry for the delay,
" It be also great that when the hover-caption appears, "info" disappear. "

Isnt 'info' the Hover Caption? Just trying to understand better :)

Have a wonderful day

Richard

[sofiapapa08]

Hi,

No problem, thanks for the answer.

Yes, this wasn't really clear… I think what I really want to do is this https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip

I hope I am clearer,
if not tell me :-)

Thank you,
Have a nice week,
Sofia

[Richard]

Dear Sofia @sofiapapa08

If its going to be different text on each project then coding in for every image would take ages - Therefore using something built in is better - like captions.

Then you only have to target the captions <div> and make it appear on hover but the data inside (text) will be called automatically for you.

The principles of the example you provided: https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip

Are the same that you would use to make the captions appear
visibility:0 to visibility:1

or

opacity:0 to opacity:1

or

display:none to display:block

Also for help:
https://laytheme.com/documentation.html#custom-css-styling

Best wishes :)
Richard