Featured Image Sizing in Balance Theme

[chrisford]

I recently installed Genesis and the Balance Child theme at http://www.myfordassociates.com - On installation, the featured image of a blog post does not appear under the heading of the most recent blog post the way it does in the sample. The sample's most recent post is a single column and the image is 600X200. I would like all of my blog posts to appear this way without having to create a 600X200 image in Photoshop every time I post.

I've been trying, unsuccessfully to get the featured images to resize correctly on the main page the same way they show up on the sample site.

I checked here, and found a post that seems to discuss the exact same issue. http://www.studiopress.community/topic/featured-image-in-balance-theme/

They kinda go through some back and forth before he figures it out. I followed what he said he did on his site:

Went into functions.php, added image size as follows:

add_image_size( ‘featured’ , 600, 200, TRUE );

Went into home.php and adjusted feature_image_size from ’0′ to ‘featured’; reuploaded the image.

Following these instructions, my featured image does appear, but it's not resized to fit the 600x200 size. I've been exchanging email with someone from support here, but in her last email, she said that there is no way to do this.

To have the posts look like the demo site, just insert the image in the post. That is all we did. We did not add extra code to the theme. If we had, it would be in your copy. Insert the image in the post. Choose the option to not link the image.

But I've at least confirmed that I can set the home.php and functions.php so the featured image appears on the main page, so I know it's possible. Now, how do I get them to be the right size?
I did remove the featured image and even uploaded an entirely different image. I've also tried the Regenerate Thumbnails plug-in. Nothing seems to work. Even the small thumbnails aren't sizing properly. The images are cropped.
Do images used for the feature image need to be a specific ratio in order to work correctly?
 

[Brad Dalton]

How about the Genesis > Theme Settings > Content Archives > Include the Featured Image?

The custom size you added in your functions.php will now display in the drop down menu under Content Archives.

What size are all your existing featured images?

Are the same the same size or larger than 600?—200?

Are they already added as featured images in all your edit post/page screens?

Shouldn't need to edit the home.php

---

Tutorials for StudioPress Themes.

[chrisford]

Great suggestion Brad. That worked for the archive page, but still no dice on the main blog page. The featured image I uploaded is 1280x720 and it's resized to 620x349 which is 48%. I wonder if there's a percentage resize setting somewhere that I'm not seeing.

I'm noticing that it crops the image proportion for the grid on the main page and for the archive, but not for the top blog post which is interesting. I don't really like that it crops, but I guess it's better than going a couple of sizes smaller on the width in order to get the full picture in the box. I've got a different theme on another blog that does that, but it uses a more common image proportion for the featured blog images. (600X400).

I really like the slim rectangular image they've got on the sample. So if I can get it to resize to 600 width then center crop the height, I'd be happy with that.

[chrisford]

I think the best way is just to create featured images 600x200 or at least in that proportion so they resize consistently, since it won't crop them. It'll look better anyway. At least I got the featured image to show up in that position. That was kinda driving me crazy.

[Brad Dalton]

Thats what i do so they're the right size from the beginning and any resizing based on the image sizes you set in functions works perfectly:

Example: 600 X 300

add_image_size( ‘featured’ , 600, 300, TRUE );
add_image_size( ‘archives’ , 300, 150, TRUE );  

Cropping the images to the same size as your featured image before uploading is better than resizing.

When i tested this, the existing featured images didn't change size.

I also try and keep the images to a size which will work if i decide to change child themes.

---

Tutorials for StudioPress Themes.

[chrisford]

Thanks Brad. That's exactly what I did... it works great, too. I thought about scalability, and using more common image proportions, but still went with the 600x200. It just looks really good on this theme, I think.

Thanks for the info and your help... my site's looking great!

[jennifergrayeb]

I'm still having this issue myself. My functions.php file is correct but images (both featured and grid) are not being resized accordingly.

[Brad Dalton]

Hi Jennifer

What happens is WordPress generates multiple image sizes every time you upload an image. The images it creates depends on the WordPress Media settings and the additional image sizes you add in your child themes functions.php file or the sizes which are included in your theme by default.

What you can do is regenerate images using a plugin http://www.wpbeginner.com/plugins/regenerate-thumbnails-new-image-sizes-wordpress/

You can check your wp-content/uploads folder to see what sizes WordPress are creating based on your settings.

---

Tutorials for StudioPress Themes.

[jennifergrayeb]

Thanks Brad! The regenerate plugin fixed the issue I was having with all of the grid thumbnails, but it looks like the main featured image is still huge. I'm building this site for a friend who doesn't have photoshop (or would know how to edit it even if she did) so I'd like to find a way she can make whatever image she'd like the featured image, and it auto-resizes for the featured post.

[jennifergrayeb]

I'm still struggling with this. Despite adding the image sizing in functions.php AND using the thumbnail regenerator, the featured post image is still much larger than the size I want. Any ideas?

[Author]

Posts