2013-09-28

This is a continuation of my earlier post titled How to add a responsive image above site header in Genesis.

Here’s the summary of what the code in this article does:

displays header.jpg from child theme’s images directory above .site-header. This image will be linking to site’s homepage and will appear on most pages of the site incl. homepage.

If a static Page has a Featured Image, this image will be used instead of header.jpg. Again, it will be linking to site’s URL.

On the homepage and everywhere other than static Pages that have Post Thumbnails attached:



On a Page that has a Post Thumbnail:



And here’s the code. Goes in functions.php.

Add the following sample CSS at the end of child theme’s style.css and modify to suit. This was written for Genesis Sample theme with .site-header removed (see section below).

If you would like to remove the .site-header, add this in functions.php:

The post Different banner images for different Pages in Genesis appeared first on Sridhar Katakam.

Show more