WPVKPWPVKP

  • Our Themes
    • Fastest
  • WordPress
    • Genesis
  • Guides
    • Fix
    • SEO
    • CDN
    • Hosting
  • Contact Us

How To Reposition Genesis Featured Image

Editorial Team 6 Comments

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 );

Comments

  1. Elisa says

    WOW, thanks so much, this was really bugging me and this solved it!

    Reply
  2. Danilo Reis says

    Hello, when I insert the function, the featured images are duplicated, why this?
    http://prntscr.com/ds3qft

    My version for genesis: 2.4.2

    Reply
    • Vivek Kumar says

      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.

      Reply
  3. Matt says

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

    Reply
    • Vivek Kumar says

      Can you please send me your website url.

      Reply
  4. Matt says

    decaboarabo.com.br

    Reply

Leave a Reply Cancel reply

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

Some of the links on this blog are sponsored links

Latest Updates

  • How to Start an LMS Website on WordPress In 2024?
  • 6 Steps To Create An Effective Content Strategy as a Professional Blogger
  • How to Fix The Spinning Wheel on Mac When Opening Websites
  • 5 Ways Social Media Can Enhance Employee Retention

Copyright ©2020 · WPVKP - All Rights Reserved · Read Our TOS & Disclaimer