Featured Image Size

[manavecplan]

I'm using Featured Images in the Genesis Sample theme but I'm unable to get them to go full width.

Here's what I did:

1) Pasted the following PHP & CSS code respectively:

//IMAGES: Display Featured Image on top of the post
function featured_post_image() {
  if ( ! is_singular( 'post' ) )  return;
	the_post_thumbnail('post-image');
}
add_action( 'genesis_entry_header', 'featured_post_image', 8 );

/** Support for various Image sizes */
add_image_size('post-image', 800, 360, TRUE );

.post-image {
	margin: 0px;
	width: 800px;
	height: 360px;
}

2) Installed, activated and ran Regenerate Thumbnails.(Not sure how this is useful)

You can see an example of what's happening at http://traffictrain.in/most/

What I'm looking to do is get the Featured Image to go flush against the top and side borders of the post container. Would love some help on this...

http://traffictrain.in/most/

[Victor Font]

I'm not sure what you're asking. The featured image is the exact width of the post content area already.

If you want the featured image to stretch across the top of the post content area to the margins of the "main-content" class, then you need to change the following in style.css:

.entry class line 1073 - remove padding: 50px 60px;
.entry-title class line 679 - add padding: 0 60px;
.entry-header .entry-meta class line 1114 - add padding: 0 60px;

Create new css block for class .entry-content - add padding: 0 60px;

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[interglobalmedia]

Hi.

Actually, for the Genesis Sample Theme, when I attached an image to my post, when it appeared as the featured image at the large 1024px wide size, the first word of the paragraph appeared to the right of the image. Therefore, the default size was not correctly configured. I am trying to figure out how to get rid of this word, but haven't been successful yet.

Best,

Maria

[interglobalmedia]

Hi,

What worked for me to get rid of "The" to the right of my image was the following (starting at line 1073):

.entry {
margin-bottom: 40px;
padding: 60px 70px;
}

The margin-bottom was already there. As for the padding, it was originally 50px 60px. I liked 60px better, and then the 70px took care of the word "The". Thanks, however, for steering me in the right direction Victor.

[Author]

Posts