Add Unique Header Image to each page

  • Hi,
    I need to add a custom full-width image across the page, just below the header/nav and above the page content. I was thinking of using Advanced Custom Fields for this, but I’m not sure which PHP template to insert the code. I’m using a child theme. Can you advise me the easiest way to accomplish this?

    1) Edit a PHP file in my child theme (copied and edited from parent customizr)

    2) OR is there a plugin that will do this specifically?

    Other options?

    Thanks!
    Rob

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,
    In the customiser panel, goto Content->Single Posts, and under Post thumbnail position, choose Before the title in full width.

    Thread Starter Rob Rusnak

    (@rrusnak)

    Hi Menaka,
    That’s great, thank you, it’s exactly what I wanted EXCEPT I need it on pages, not single posts. This feature does not appear to be possible on pages.

    Does anyone know how I can transfer this feature to PAGES (instead of single posts) in the php templates of my child theme?

    Thank you!

    Hi,
    Add the following code to your child theme’s functions.php

    add_filter('tc_show_single_post_content', 'thumbnails_css_in_pages');
function thumbnails_css_in_pages( $bool ){
  global $wp_current_filter, $post;
  if (  is_page() && isset( $post ) && ! in_array( '__loop', $wp_current_filter) )
    return true;
  return $bool;  
}

    and the following to your child theme’s style.css

    /* Replace 250px with the value you set in the single post thumbnail options*/
body.page .tc-rectangular-thumb {
    height: 250px;
    max-height: 250px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add Unique Header Image to each page’ is closed to new replies.