
Featured image is an essential part of any WordPress post.
On Crunchify, we don’t have any post without any Featured image. It’s absolutely required for Twitter, Facebook, Pinterest and other social media sites to fetch while sharing post with simple URL.
Sometimes configuring featured image is a trick. You may need to configure it may be on top of the post
, may be after title
, may be float left and 50% of the size
.
In this tutorial we will go over code which shows featured image just above post or page’s title heading in Genesis Framework.
Before: – this is what we have on Crunchify right now

After moving featured image above Title

Just add below code to your theme’s functions.php file and you will start seeing featured image above Title for all posts and pages.
// Add featured image above the entry content - Crunchify.com Tips add_action( 'genesis_before_entry', 'crunchify_featured_image_above_title' ); function crunchify_featured_image_above_title() { if ( ! ( is_singular() && has_post_thumbnail() ) ) { return; } $crunchify_image = genesis_get_image( 'format=url&size=single-posts' ); $crunchify_thumb_id = get_post_thumbnail_id( get_the_ID() ); $crunchify_alt = get_post_meta( $crunchify_thumb_id, '_wp_attachment_image_alt', true ); if ( '' == $crunchify_alt ) { $crunchify_alt = the_title_attribute( 'echo=0' ); } printf( '<div class="featured-image"><img src="%s" alt="%s" class="entry-image"/></div>', esc_url( $crunchify_image ), $crunchify_alt ); }
How to beautify Featured image as per your theme need?
.single .featured-image { margin-bottom: 40px; // add more code here }
Hope this helps you change your site layout. This method works for any Genesis WordPress theme and we highly recommend using GenesisWP for all your theme need. It’s very flexible and we love using it.