Cropped Thumbnail Images (It's NOT the Media Settings…)

[Pelowtz]

Hello-

I have a Genesis theme that is calling the wrong image into the thumbnail for a featured image. It's not the media settings.

I know this because the theme creates many different cropped versions of the same image upon upload, even more than the default. Out of all the extra image sizes and thumbnails the theme creates when you upload an image, the thumbnail image size is set to "360x200". The theme also creates a "360x165" sized image. In this case there are two image sizes in question: 360x200 and 360x165.

Currently the theme calls the 360x200 sized image for post thumbnails. However this makes the images look cropped (see episode 47 and 48 in the URL below). After some troubleshooting I discovered that the solution would be to simply have the theme call the 360x165 sized image.

How do I get the theme to simply call the 360x165 image for thumbnails? Is there another solution I am missing?

BTW I am also using visual composer, which I believe is the true culprit.

NOTE: I included the URL to the page in question, but keep in mind I have done a couple hackie solutions to make a few of them look "right". Ignore all other posts except "Episode 48" and "Episode 47". To recreate the problem, follow these steps:

1. Use inspect element on the thumbnail image for Episode 47
2. In the inspector, use the "edit with HTML" feature to change the image file name from "Vape-Radio-Episode-47-360x200" to "Vape-Radio-Episode-47-360x165"
3. Observe that the image fits properly and is no longer cropped.

Thanks for any help! This is driving me crazy!

http://vapementors.com/vape-news-radio/

[Pelowtz]

Fixed it! Whew!

For those interested:

I went into the functions.php file for my theme (not the child theme) and edited the "add_image_size" function.

Currently the theme creates all of these image sizes (most of them are never used):

add_image_size( 'bigger-thumbnail', 110, 80, array( 'center', 'center' ) );
add_image_size( 'main-full', 1140, 530, array( 'center', 'center' ) );
add_image_size( 'main-post', 750, 350, array( 'center', 'center' ) );
add_image_size( 'main-block', 360, 200, array( 'center', 'center' ) );
add_image_size( 'slider-1', 360, 165, array( 'center', 'center' ) );
add_image_size( 'slider-2', 360, 195, array( 'center', 'center' ) );
add_image_size( 'slider-3', 165, 135, array( 'center', 'center' ) );
add_image_size( 'slider-4', 263, 350, array( 'center', 'center' ) );
add_image_size( 'slider-5', 555, 350, array( 'center', 'center' ) );
add_image_size( 'slider-6', 1140, 350, array( 'center', 'center' ) );

The 'main-block' image was the culprit.

All I had to do was change the width of the 'main-block' from 200 to 165, so now the 'main-block' crop is:

add_image_size( 'main-block', 360, 165, array( 'center', 'center' ) ); // Main Post Image For Block Listings

It worked perfectly! We'll see what unforeseen problems this creates in the future...;)

[Author]

Posts