Beautiful Theme – change header image on selected pages

[Jumpringer]

The Beautiful theme features a full width image at top of page.

I would like to either remove or revise the image on all pages except the home page.

If there is a way to do this, either through a plugin, code snippet, or hook, please advise.

http://jumpgraphix.com/stage/dev/jumpgraphix_new/

[Brad Dalton]

There's at least 4 ways to do it.

The WP Display Header plugin is the easiest.

---

Tutorials for StudioPress Themes & WooCommerce.

[Jumpringer]

OK, I'm partially there; revised the landing page to eliminate the image header. Still need to display an image, just a different image from the home page.

[Jumpringer]

Thanks Brad, the plugin isn't appropriate for this as it affects the header image; in the Beautiful Template, the code that controls the display of the screen-wide image (that I want to revise) is:

remove_action( 'genesis_after_header', 'beautiful_site_header_banner' );

My original post was probably not clear as to which image I was referring to. If you have other suggestions, please let me know!

[Jumpringer]

Getting closer....

I've created a custom page template and want to replace a full-width image (that is positioned beneath the header) with a smaller image.

Hook is not working; syntax error unexpected '<'

Here's my code so far:
//* Remove site header banner
remove_action( 'genesis_after_header', 'beautiful_site_header_banner' );

//*add hook for revised banner image

<?php genesis_after_header(); ?>
<div class="site-header-banner-add"> (this is a new css class to render a less deep image)
<?php genesis_header(); ?>

//*end hook

[Jumpringer]

Resolved for now; not the best solution as new pages/code need to be created to show different images on more than one page.

//* Remove site header banner
remove_action( 'genesis_after_header', 'beautiful_site_header_banner' );

//*create new function and point to new css to make banner image less deep
add_action( 'genesis_after_header', 'beautiful_site_header_banner_custom' );
function beautiful_site_header_banner_custom() {

echo '<div class="site-header-banner-add"></div>';

}

//*end new function

[Brad Dalton]

You can hook it in from your child themes functions.php file and add a conditional tag so it only displays on specific pages.

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts