Overlay post title on featured image

[mpet29]

Hi all — hoping there’s a CSS fix to an issue that has me banging my head against the wall. (I’m using WordPress, specifically Genesis & NewsPro.) I’m attempting to have a post title float as an overlay over the featured image, so it can’t be hard-coded as it will change regularly.

I’m emulating this at the moment: http://wplift.com/how-add-text-featured-images-different-scenarios

But when I do what’s suggested there, the code relates the post title to the browser — that is, post title will move up and down in concert with the browser being resized vertically, and doesn’t stay over the featured image.

Is there a better way to do this with CSS? I don’t care if it’s a new direction entirely or a fix to what’s above. At the moment, I’m developing locally so I don’t have a link to share.

Thanks for any help.

[Paulie_D]

Is this one image per post?

How would you envisage the HTML structure?

[MikesBarto2002]

Do you mean something like this?

Your text to link here…

Then you could just substitute in your WordPress tags where you want the information to go.

[Paulie_D]

That’s probably close (if not exactly) how I would structure it…but I wasn’t sure whether we are retrofitting or starting from scratch.

Just a matter of the PHP after that…no?

[Author]

Posts