If you’re like me, you probably like your post titles to sit to the right of the post image (not on top of them) for the posts on your blog, archive and search results pages. The post image has to load first so that it can float to the left and let the post title and content wrap around it on the right. Unfortunately the post image loads, by default, after the site title. What to do? Well simple… this:
remove_action( 'genesis_post_content', 'genesis_do_post_image' ); add_action( 'genesis_before_post_title', 'genesis_do_post_image' );
That will remove the image that’s loading within the content and add the image before the post title where you need it. You may have to tweak your CSS after that. The image should be loading with the class alignleft
so it will, by default, float to the left of the site title and any content that follows. But if any of that content has a CSS property of clear: both;
you’ll have to change that to clear: none;
. When I have post-info displayed, I need to remove the clear. You can do that this way.
.post-info { clear: none; }
Two lines of code. So much happiness :)