The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Overlay post title on featured image

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #160269

    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:

    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.


    Is this one image per post?

    How would you envisage the HTML structure?


    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.


    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?

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.