Sridhar Katakam

Genesis and WordPress Tutorials

How to display Featured images above Posts with Title as overlay

by 12 Comments

Scot asked,

Has anyone played around with this yet?
http://sridharkatakam.com/applying-backstretch-multiple-featured-images-genesis/
I would like to center the post title on the image. An advice?

In this article I share how featured images can be shown above each Post in Posts page and other archives in Genesis with centered titles appearing on top of the images. The entire image along with the title will be linking to corresponding single entry page for each Post.

featured-images-centered-title-genesis

Step 1

Add the following in child theme's functions.php:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • Hey Sridhar!

    Thank you for this; I’m going to try it on a domain and see how I like it.

    The way this is laid out, will there still be an tag?

    Just asking, for SEO purposes.

    Thanks!

    Reply

    • I meant to write, “an h1 tag” (but I accidentally put brackets around it, so it doesn’t show).

      Will there be an H1 tag present in the html output, for SEO crawling purposes?

      Thanks!

      Reply

        • Thanks Sridhar! I know you’re busy with other work. I have used your method, as seen here: https://nationalcdp.org/2014/12/

          If you happen to see this reply and you have the time to respond, I’m curious to know if this type of effect is possible within posts and pages — not just archives.

          So when a visitor goes to a post or page, they see the title and featured image with overlay.

          That would be a huge thing for my website!

          Thanks!

          Reply

          • Oops — I should think before I type. I just changed the is_home() line to:

            if ( ! ( is_single() || is_archive() || is_page() || is_search() ) ) {

            And it works beautifully! Adds a lot of flavor to my pages and posts.

            Thanks Sridhar!

  • looking nice on home page.
    BUT…
    another feature image is appearing on category pages.
    I am using lifestyle Pro by studiopress….
    Please waiting for your reply……

    Reply

  • Thanks for the tutorial.

    Want to ask, how come most of the genesis theme featured images fared badly in gtmetrix for “served scaled images”?

    Any solutions to it?

    Thanks

    Reply

  • SK this worked very well no errors in a heavily modified education theme from Studiopress.
    following the instructions and only one minor adjustment for a new look (css) flawless ..nice and thanks big thanks..
    I am going to look at more here now for sure..
    🙂

    Reply

  • Hi Sridhar. I am trying to use this with the Prose theme but not having any luck. Do you think there is anything special to know with that theme?

    Reply
    • >