How did the developer add header images to oursite? I created a news section but I can figure out how to get a header in there like the other pages. And once I add a header I want it to be the same image across all news posts. TIA
New news page:
Here is a link to our Blog with an image:
Hello Carly,
Thanks for writing in!
I have checked both pages and I found out that your developers made some custom template modifications to display the background images in your landmark header. He might have added a settings somewhere in your admin area. I am just not sure where it is since I do not have access or idea about the code he added in your child theme. If I could access to your backend, I might be able to point it out to you. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look?
To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288
Thank you.
Done. Thank you!!
I have figured everything out about X Theme BUT this. So I am interested to know how he created the blog template and how do I update it myself. 
Hello Carly,
Just as I thought, your developer made some modifications to the landmark header. He is using this code:
<?php
// =============================================================================
// VIEWS/INTEGRITY/_LANDMARK-HEADER.PHP
// -----------------------------------------------------------------------------
// Handles content output of large headers for key pages such as the blog or
// search results.
// =============================================================================
$disable_page_title = get_post_meta( get_the_ID(), '_x_entry_disable_page_title', true );
$disable_filters = get_post_meta( get_the_ID(), '_x_portfolio_disable_filtering', true );
?>
<?php if ( is_home() && x_get_option( 'x_integrity_blog_header_enable' ) == '1' ) : ?>
<span class="hero-section" style="background-image:url(<?= get_the_post_thumbnail_url(13, 'full') ?>);">
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo x_get_option( 'x_integrity_blog_title' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php echo x_get_option( 'x_integrity_blog_subtitle' ); ?></span></p>
</div>
</span>
<?php elseif ( is_search() ) : ?>
<span class="hero-section" style="background-image:url(<?= get_the_post_thumbnail_url(13, 'full') ?>);">
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php _e( 'Search Results', '__x__' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php _e( "Below you'll see everything we could locate for your search of ", '__x__' ); echo '<strong>“'; the_search_query(); echo '”</strong>'; ?></span></p>
</div>
</span>
<?php elseif ( is_category() || x_is_portfolio_category() ) : ?>
<?php
$meta = x_get_taxonomy_meta();
$title = ( $meta['archive-title'] != '' ) ? $meta['archive-title'] : __( 'Category Archive', '__x__' );
$subtitle = ( $meta['archive-subtitle'] != '' ) ? $meta['archive-subtitle'] : __( "Below you'll find a list of all posts that have been categorized as ", '__x__' ) . '<strong>“' . single_cat_title( '', false ) . '”</strong>';
?>
<span class="hero-section" style="background-image:url(<?= get_the_post_thumbnail_url(13, 'full') ?>);">
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo $title ?></span></h1>
<p class="p-landmark-sub"><span><?php echo $subtitle ?></span></p>
</div>
</span>
<?php elseif ( x_is_product_category() ) : ?>
<?php
$meta = x_get_taxonomy_meta();
$title = ( $meta['archive-title'] != '' ) ? $meta['archive-title'] : __( 'Category Archive', '__x__' );
$subtitle = ( $meta['archive-subtitle'] != '' ) ? $meta['archive-subtitle'] : __( "Below you'll find a list of all items that have been categorized as ", '__x__' ) . '<strong>“' . single_cat_title( '', false ) . '”</strong>';
?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo $title ?></span></h1>
<p class="p-landmark-sub"><span><?php echo $subtitle ?></span></p>
</div>
<?php elseif ( is_tag() || x_is_portfolio_tag() ) : ?>
<?php
$meta = x_get_taxonomy_meta();
$title = ( $meta['archive-title'] != '' ) ? $meta['archive-title'] : __( 'Tag Archive', '__x__' );
$subtitle = ( $meta['archive-subtitle'] != '' ) ? $meta['archive-subtitle'] : __( "Below you'll find a list of all posts that have been tagged as ", '__x__' ) . '<strong>“' . single_tag_title( '', false ) . '”</strong>';
?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo $title; ?></span></h1>
<p class="p-landmark-sub"><span><?php echo $subtitle; ?></span></p>
</div>
<?php elseif ( x_is_product_tag() ) : ?>
<?php
$meta = x_get_taxonomy_meta();
$title = ( $meta['archive-title'] != '' ) ? $meta['archive-title'] : __( 'Tag Archive', '__x__' );
$subtitle = ( $meta['archive-subtitle'] != '' ) ? $meta['archive-subtitle'] : __( "Below you'll find a list of all items that have been tagged as ", '__x__' ) . '<strong>“' . single_tag_title( '', false ) . '”</strong>';
?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo $title; ?></span></h1>
<p class="p-landmark-sub"><span><?php echo $subtitle; ?></span></p>
</div>
<?php elseif ( is_404() ) : ?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php _e( 'Oops!', '__x__' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php _e( "You blew up the Internet. ", '__x__' ); ?></span></p>
</div>
<?php elseif ( is_year() ) : ?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php _e( 'Post Archive by Year', '__x__' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php _e( "Below you'll find a list of all posts from ", '__x__' ); echo '<strong>'; echo get_the_date( 'Y' ); echo '</strong>'; ?></span></p>
</div>
<?php elseif ( is_month() ) : ?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php _e( 'Post Archive by Month', '__x__' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php _e( "Below you'll find a list of all posts from ", '__x__' ); echo '<strong>'; echo get_the_date( 'F, Y' ); echo '</strong>'; ?></span></p>
</div>
<?php elseif ( is_day() ) : ?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php _e( 'Post Archive by Day', '__x__' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php _e( "Below you'll find a list of all posts from ", '__x__' ); echo '<strong>'; echo get_the_date( 'F j, Y' ); echo '</strong>'; ?></span></p>
</div>
<?php elseif ( x_is_portfolio() ) : ?>
<?php if ( $disable_page_title != 'on' || $disable_filters != 'on' ) : ?>
<span class="hero-section" style="background-image:url(<?= get_the_post_thumbnail_url(581, 'full') ?>);">
<div class="x-header-landmark x-container max width">
<?php if ( $disable_page_title != 'on' ) : ?>
<h1 class="h-landmark"><span><?php the_title(); ?></span></h1>
<?php x_portfolio_filters(); ?>
<?php endif; ?>
</div>
</span>
<?php endif; ?>
<?php elseif ( x_is_shop() && x_get_option( 'x_integrity_shop_header_enable' ) == '1' ) : ?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo x_get_option( 'x_integrity_shop_title' ); ?></span></h1>
<p class="p-landmark-sub"><span><?php echo x_get_option( 'x_integrity_shop_subtitle' ); ?></span></p>
</div>
<?php elseif ( x_is_buddypress() ) : ?>
<?php if ( x_buddypress_is_component_with_landmark_header() ) : ?>
<div class="x-header-landmark x-container max width">
<h1 class="h-landmark"><span><?php echo x_buddypress_get_the_title(); ?></span></h1>
<p class="p-landmark-sub"><span><?php echo x_buddypress_get_the_subtitle(); ?></span></p>
</div>
<?php endif; ?>
<?php endif; ?>
Please noticed that in the code there is <span class="hero-section" style="background-image:url(<?= get_the_post_thumbnail_url(13, 'full') ?>);"> which is the container for the background image. You can check this out in Appearance > Theme Editor and select the “_landmark-header.php” file in framework/legacy/cranium/headers/views/integrity/.
The code allows the featured image of the page to be used as a background image in the landmark header. Please edit the Iota News and Events page which you assigned as your blog index so that the featured image may display as the background image.
Hope this helps.
I put an image in the featured image box area and nothing is showing up still on the News and Events page. I can add a featured image to a post and it shows up just fine, but not the main News page.
Hello Carly,
I have inspected his code and it turns out that his code is broken and it does not work in the blog index. I ended up modifying the code adding this:
<?php
$img = wp_get_attachment_image_src(get_post_thumbnail_id(get_option('page_for_posts')),'full');
$featured_image = $img[0];
?>
<span class="hero-section" style="background-image:url(<?php echo $featured_image; ?>);">
The featured image is displaying now. Please check the page.
Thank you so much!! I would have never been able to figure any of that out myself. I appreciate it so much!
You are most welcome!
We’re glad we were able to help you out.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.