Tumblr: How to show caption on image hover

[leinadbc]

Hello, I don’t know anything about coding. But what I would like is to have photo caption appear on photo hover on my blog,

I saw this post https://css-tricks.com/forums/topic/tumblr-show-captions-only-on-hover/

and Paulie D’s answer: http://codepen.io/Paulie-D/pen/2fb6dbdbae0a5bd8274a22ee152504e2

I would like something like his last exemple, but without the caption showing before hover. I also don’t know how I could use this CSS code inside my theme at:

http://www.danielbrodeurc.tumblr.com

thank you :)

[leinadbc]

Right now, the images fade on hover, I think because of that code

{block:iffadedimagesonhover} img{ -webkit-transition: opacity 0.4s linear; opacity: 1; } img:hover{ -webkit-transition: opacity 0.4s linear; opacity: 0.75; } {/block:iffadedimagesonhover}

And from Tumblr’s help, I understand that the code to display captions is:

{block:Caption}{Caption} {/block:Caption}

But I don’t know how to make it show on hover with the image fading :(

[Paulie_D]

Like this: http://codepen.io/Paulie-D/pen/aywhu

[leinadbc]

Yes, exactly :)

But how can I integrate that code into my theme? so that this effect affects my images?

here’s the theme’s code

http://pastebin.com/raw.php?i=mhnHL2qs

Thank you!

[Paulie_D]

Theming is a whole different ballgame.

It will depend on your particular set-up.

I’ll pass this to “Other Discussions” as we’ll narrowed down what it is you are trying to do.

[leinadbc]

with that particular html code I linked, can anybody help me? it would be really appreciated !

[Author]

Posts