Featured Image keeps cropping

Question

I've spent hours trying to figure this out and its driving me mad. I'm not great with php code so I'm not sure if I'm doing this the best way anyway...

It should be simple - I have built a custom theme, and all I want to do is display a thumbnail that links to a lightbox effect once clicked.

I want my dimensions to be 214 width x unlimited height for the thumbnail, and 500 width x unlimited height for the lightbox effect. No cropping.

What I get from the code I currently have is a cropped thumbnail at 214 x 214 and cropped lightbox at 500 x 500.

Why is it cropping? I have checked the media settings within my wordpress admin and this makes no difference - assuming my code is overwriting these settings anyway (?)

In my function I am using the following code:

add_action( 'wp_enqueue_scripts', 'brian_scripts' );
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 214, 9999, false );
add_image_size('large', 500, 9999, true); //custom size
}

And to display them I'm using:

<?php
/*Template Name: Archive Canvases*/
?>

<?php get_header('archivecanvas'); query_posts('cat=4&order=ASC'); ?>

<div class="header archivecanvasheader">
<h1><?php the_title(); ?></h1>
</div>
<div class="mainContent"><?php if (have_posts()) { ?>
<?php while (have_posts()) : the_post(); ?>

<div id="archiveContainer">
<div id="archivePic">

<a rel="lightbox" href="<?php $image_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src($image_id,'large', true);
echo $image_url[0]; ?>"><?php if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
?></a>

</div>

<div id="archivecanvasContent">
<h2><?php the_title(); ?></h2>
<div class="date"><?php the_time('Y') ?></div>
<p><?php the_excerpt(); ?></p>

</div>
</div>
<?php endwhile; ?>

<?php } ?>
<?php posts_nav_link(); ?></div>

<?php get_footer(); ?>`

Can anyone help or have any ideas if something else is overriding this? It might also be worth pointing out I have used the plugin Regenerate Thumbnails to resize the images I'm pulling through, but these haven't cropped them when I view them in my Media.

Answer 1

add_action( 'wp_enqueue_scripts', 'brian_scripts' );
if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 214, 9999, false );
add_image_size('large', 500, 9999, true); //custom size
}

This code is in your functions.php?

The docs for add_theme_support() suggest to only use it in the functions.php of the theme or attach it to the after_setup_theme hook.

Also you'll need to trigger the resizing of the images every time you change something to your code.

Answer 2

I suggest you should try this plugin and it will show you all image sizes added on your site by a plugin, theme or wordpress itself, it will surely help you trace the culprit size and you can simple delete it with this plugin or create your new size name it (set crop if you like) and then regenerate all thumbnails (use plugin for thumbnail regeneration off-course) and use it in your theme, hope it helps you and anybody else having same issue.