askdesign
9/9/2015 - 8:40 PM

How to add a Full Width Image below Header on Blog page in Genesis

Sridhar Katakam

/* Child Theme CSS - Full Width Banner Image on Posts page
--------------------------------------------- */

.blog-banner {
	text-align: center;
}

.blog-banner img {
	width: 100%;
	vertical-align: top;
}
https://sridharkatakam.com/how-to-add-a-full-width-image-below-header-on-blog-page-in-genesis/
/** It is assumed that you have set a static Page as Posts page 
 * at Settings > Reading versus using the built-in Blog Template 
 * of Genesis. Thanks Bill.
 */

add_action( 'genesis_after_header', 'sk_blog_banner' );
/**
 * Full Width Banner Image on Posts page
 *
 * @author Sridhar Katakam
 * @link   http://sridharkatakam.com/
 */
function sk_blog_banner() {
	if ( ! is_home() ) {
		return;
	} ?>

	<div class="blog-banner">
		<img src="http://placehold.it/1600x222&amp;text=Banner" alt="Banner" />
	</div>

	<?php