Generate Pro – Featured image next to the entry content?

[joe555]

How can I move the content (of the post excerpt) to be right next to the image?

Here is the code that needs to be edited:

//* Add featured image above the entry content
add_action( 'genesis_entry_content', 'generate_featured_photo', 8 );
function generate_featured_photo() {
	if ( is_page() || ! genesis_get_option( 'content_archive_thumbnail' ) )
		return;

	if ( $image = genesis_get_image( array( 'format' => 'url', 'size' => genesis_get_option( 'image_size' ) ) ) ) {
		printf( '<div class="featured-image"><img src="%s" alt="%s" class="entry-image"/></div>', $image, the_title_attribute( 'echo=0' ) );
	}
}

Here is the image of what I am trying to accomplish:

Thanks!

[Tom]

This is achieved with CSS, not PHP.

In your child theme stylesheet (after making a backup),

1. Find this code at/around line 1246:

.entry-content .entry-image {
	margin: 0 40px 40px -60px;
	max-width: 700px;
}

Replace it with this:

.entry-content .entry-image {
    margin: 0 40px 0px -60px;
    max-width: 150px;
    float: left;
}

(This assumes you've changed the featured image setting in "Genesis > Themes Settings > Content Archives" to 150px.)

2. In the media query for 768px (@media only screen and (max-width: 768px)), add this snippet before the closing "}" bracket:

	.entry-content .entry-image {
    	margin: 0 40px 0px 0px;
    	}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[joe555]

It works, thank you so much Tom!

[Author]

Posts