• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Different Header Background Image On Any Page

This code enables you to:

  1. Display unique header images on any post or page. When no image set, a fallback image is displayed.
  2. Set a default image to be displayed for all non single posts and pages when non set.
  3. Set a different header image using a template for any blog listings page, including archive, author, blog, category, search, and tag pages.

All you need to do is copy and paste the code into your theme.

Demo Video

Most solutions i’ve seen and many already published on this site, don’t enable you to display any widget and your site title & description over your image as seen in the following image:

different-header-image

Here’s the code included in a fresh copy of the Genesis Sample child theme by StudioPress.

Register for full access

Related Tutorials

  • Show Different Banners on Different Pages Via The Customizer
  • Layer Logo Over Header Background Image in Genesis
  • Unique Header Images in Genesis

Header Image

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems