Creating gallery thumbnail: Getting translucent nested div box to snap to parent

[CranberryJuice]

Here is a fiddle https://jsfiddle.net/9yrrp4ju/

I want to create a gallery thumbnail section but find that unless there’s a lot of content written inside of the p tag, the translucent box won’t reach the rhs of the image. This also is obvious with screen resolution changes. Any suggestions?

[Beverleyh]

The black caption bar/.thumb-overlay element? Try adding right:0; to it.

[CranberryJuice]

Hi Beverlyh,

That didn’t seem to do the trick. I also updated the jsfiddle as I’ve made some changes.

https://jsfiddle.net/45c5enxn/1/

[Beverleyh]

Yes it does https://jsfiddle.net/sn9ey5vp/1/ or do you mean something else?

[CranberryJuice]

Thank you for verifying. I don’t know why it didn’t work when I originally tried it out. Maybe a bad refresh. I tried it again and it works.

[Author]

Posts