Parallax Pro – Please help! Custom Header Images on Pages.

[SamBell]

Hi Everyone,

I have an outstanding question regarding custom header images for pages using Parallax Pro. The initial post is here: http://www.studiopress.community/topic/parallax-pro-full-width-images-on-pages/ but I am still looking for an answer.

I used Sridhar Katakam's tutorial on relocating entry title headers (found here: http://sridharkatakam.com/relocating-entry-title-header-genesis/ ) but I want to make these headers images rather than text. The person who initial responded to my questions said this:

I amended the CSS to display scaling background images to create full width, applying the page-id-xx code in the CSS to define different images for each page.

But I don't know how to do this? Can someone help me with what this css code would look like?

Please help, this is an urgent project!

[Genesis Developer]

Add this code in your functions.php file

add_image_size( 'header-img', 9999, 250, TRUE );
add_action('genesis_after_header', 'site_banner', 25);
function site_banner(){  
  if( !is_singular('page') )
     return;

  if( has_post_thumbnail() && is_page() ) :
   $ftbanner = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'header-img' );
   $banner = $ftbanner[0];
    echo '<div id="site-banner" class="site-banner">' . "\n";
    echo '<img src="' . $banner . '">' . "\n";
    echo '</div>' . "\n";
  endif;
}

There have featured image option for pages. When you'll set a image as a featured image then it'll display on header.

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[SamBell]

Oh wow! Thank you so much this works perfectly! Thanks for your help!!

[Author]

Posts