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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.