In Genesis Child Themes you might have noticed that featured images are by default displayed below the title. For example lets take home page of Copyblogger 2 Child theme. Featured images are below the title and floats left.

genesis-image-below-title

If you are not a fan of this then you can easily swap the title and featured image so that featured image will be above the title and it looks somewhat better for me. For that you  just need to add the following genesis hooks to functions.php file

For Genesis XHTML markup (1.x and below)

// Move image above post title in Genesis Framework
remove_action( 'genesis_post_content', 'genesis_do_post_image' );
add_action( 'genesis_before_post_title', 'genesis_do_post_image' );

For Genesis HTML 5 Markup

// Move image above post title in Genesis Framework 2.0
remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
add_action( 'genesis_entry_header', 'genesis_do_post_image', 8 );

So here is the result after swapping.

genesis-image-beside-title

Note : Genesis 2 users need to edit style.css file and  remove clear: both; css code from .entry-meta class in order to float the featured image.

XHTML Hooks via WPSpeak

Comments

  1. says

    Very helpful, thanks for posting! I had everything except for the ’8′ and couldn’t figure out why it wasn’t working – I wish I understood why certain actions require that number to be included in order to mess with them.

  2. says

    I have the opposite problem: I use a customized version of the News theme. On the frontpage the featured images appear above/next to the title and I would like them to sit beneath.
    I am using Genesis 2.
    Thanks for your help.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>