First, thanks for the tremendous support and care you give to this WPPA. Many large companies could learn from the level of customer support you provide!
Now, I thought this would be easy with CSS, but it’s not working out as expected. I want the title of each thumbnail to show up inside the thumbnail rather than below it. This would appear as white text on a semi-transparent black bar across the bottom portion of the photo, and the bar would always be the same width as each photo.
I am quite comfortable with how to do this with CSS, but am hitting an unexpected challenge because the text is not nested inside the thumbnail’s div. The width of wppa-thumb-text’s semi-transparent backgrund must match the width of each photo, or else it will be either too wide for some photos and too narrow for others. However, without the nesting it does not know whether the photo is landscape or vertical.
For example, let’s say some photos are 200 px wide x 150 px hight, while others are 150 px wide x 200 px high. The text background would need to be the same width for each, which would be easy if they were inside a div whose width changed with each photo. Since they are separate elements though, the title area remains constant for each photo, rather than changing with it.
I’m not sure I explained this clearly, but is there a way to vary the width of wppa-thumb-text so that it stays consistent with each photo as it changes?
Thanks once again.
- The topic ‘Placing thumbnail text inside each thumbnail photo’ is closed to new replies.