In this tutorial I share the code to add a section below the header on Pages and Posts in Altitude Pro that display the featured image (if present), otherwise a pre-set default image as the background for the section with Parallax effect.

This is great Sridhar. My only issue is Im using static pages for the Home and Blog pages so my front-page template is getting replaced by the custom template. Can you provide the modified function code to add an elseif statement for the front-page as well as a singular page if we want the featured image removed on a single page? I appreciate the work you put into these tutorials.

If you wish to not relocate the entry header from its default location to on top of the featured image for Pages, replace the entire code template_singular-parallax.php in with http://pastie.org/pastes/10248708/text.

Hi Sridhar. I’ve implemented your tutorial and on the blog page there are no blog titles. Is that normal? Single pages and posts work great with the title overlay, but on the blog page they aren’t there at all. Any ideas? Thanks.

Hi Sridhar,
You provide terrific tutorials – I have been following you for a while. I did everything per your instructions but am getting blank posts. See: http://elliottbrundage.com/wordpress/find-a-designer/. I am actually hoping to use this code on static pages per your instructions for Altitude Pro but this theme is Parallax Pro. Would first like to resolve the blank posts!

Many thanks for this tutorial. Some parts of it are not clear to me though:

1. Will the header bar be transparent as on the home but turn solid on page scroll, i.e. will it behave the identically to the home page ? I would like to recreate the home page’s header & featured image combination on inner- / sub-pages, e.g. WooCommerce Shop

2. Can the featured image be not quite as high as on the home page, i.e. only 400 or 600px high ?

I just applied this tutorial to Altitude Pro project and it worked well. Now, the question is how can I force that featured image to display full view in screen? (just like front-page-1 image section) I find that size a bit small and a pain if a client uploads a general image, so I thought making the image display full height just like in front-page-1 of Altitude Pro may work better. Any suggestions as to how I can modify the your code to make this happen? Thanks.

Could you please tell me how I could exclude select pages from executing the change in the functions.php?

I duplicated the front page widgetized functions (template/functions/output/customize) on 2 other pages of the site which works great… until I make the above changes to show the featured image – It then ignores the widget sections.

Hey Sridhar, not sure if this thread still open but i hope it is and that you can help…
Anyways, when I applied the tutorial the look I get is quite different from the one you show in the images. the featured image not high enough and the title is behind the navbar.

I have questions on landing pages. When I do this tutorial, the landing page template page places the menu bar and footer bar like a normal default page. Is there any way that we can remove the menu bar and footer bar just for the landing page template?

Implementing it though results in the Titles being removed from the Blog template provided by Studiopress in Altitude Pro.

Following Bill Erickson’s instructions from the post linked in the Facebook thread (https://www.billerickson.net/dont-use-genesis-blog-template/) results in the standard loop successfully displaying the Titles in the selected posts page BUT unfortunately also replacing the standard default home page provided in Altitude Pro 1.14.

Is there any way to have and use the Altitude Pro home page together with a blog page that displays post titles?