Sridhar Katakam

Genesis and WordPress Tutorials

Full width featured image header with page title overlay on landing pages in Genesis

by 7 Comments

In the members-only forum a user asked:

Hi Sridhar!

I’m hoping to the featured image show up full width, with the page title overlayed but in Landing pages ONLY. I found this tutorial (https://sridharkatakam.com/display-page-title-full-width-featured-image-genesis/) but this one is for *all* pages and I need this on landing pages only. I’ve got it *almost* working expect I can’t get it to actually pull the featured image.

Thank you so much!

This tutorial provides the code to

  • reposition entry header from its default location to below site header
  • set featured image as the URL of entry header using genesis_attr
  • display page title centered on top of color tinted background featured image

for Pages that use Landing page template having a featured image in Genesis.

While the tutorial has been written for Genesis Sample child theme it should work with minor adjustments in any Genesis child theme.

Step 1

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

// Register a custom image size for Landing Page Featured images
add_image_size( 'landing-page', 1600, 384, true );

Regenerate thumbnails.

Step 2

Edit page_landing.php.

Add the following before closing genesis(); near the end:

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

Already a member? Log in below or here.

  • Trying to apply this to outreach Pro, it did give me an error in the functions.php file, but added in a * and it its gone now, however the feature image is only the size of the site header. What do i need to do to get it to display full width and about 700px high.

    Also, are you able to include the site header, so logo etc, and footer widgets and footer.

    http://aaasydneywideplumbing.com.au/hills-plumbing-services/

    password – plumbing

    Thanks

    Reply
    • >