How To Reposition Genesis Featured Image

elegant themes affiliate

Genesis doesn’t have any options to customize the position of its featured image. If you want to reposition or move featured images to any specific position then you will have to edit your child theme’s function.php file.

If you are planning to redesign or create a custom genesis child theme, then you must check out this guide.

Reposition Genesis Featured Image

There are mainly two different ways to modify the location of thumbnails in genesis theme.

First method is through the theme settings page. You have to just navigate to the “content archive” options and over their you will see a radio box with message “include the featured image”. And just below it you will find “image alignment” options. From their you can either select left, right or none.

If you select “none” then you can use custom css to center align the image. Check out the simple css style below.

.content img {
float:none;
text-align:center;
margin:0 auto;
clear :both;
}

Second method is to edit the theme manually. You should follow this method only if you want to perform some advance modification like moving the featured image above the post title.

Before you proceed and edit your child theme’s function.php, file please follow these steps as precaution.

  • Make a copy of your function.php file.
  • Make sure to copy the exact code snippet shared below.
  • Keep your cpanel or FTP open so that if you implement code to wrong position then you can easily correct it.

If you are using genesis version 1.9 or below then you will have to use the XHTML markup.

remove_action( 'genesis_post_content', 'genesis_do_post_image' );
add_action( 'genesis_before_post_title', 'genesis_do_post_image' );

Or in order to move the featured image below the post title use the snippet shared below.

remove_action( 'genesis_post_content', 'genesis_do_post_image' );
add_action( 'genesis_after_post_title', 'genesis_do_post_image' );

If you are using Genesis version 2.0 or above then you will have to use HTML5 codes.

remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
add_action( 'genesis_entry_header', 'genesis_do_post_image', 8 );

6 thoughts on “How To Reposition Genesis Featured Image

    • This basically means that my code snippet is working but the problem is that your theme’s featured image position is not “genesis_entry_content” but instead something else.

      I will suggest you to install Genesis visual hook guide and check the featured image position or send me the link to your site.

  1. Hi. I’ve added the code to display the title above the image in the homepage. But nothing changes.
    What’s the problem?

Leave a Comment