Excellent!

Yep that was the missing link. Sadly I already had Regenerate Thumbnails as an installed plugin. Didn't think to combine the two processes.

Thanks!

Changing that setting does not automatically change the existing images you have uploaded (just the newly uploaded images).

You can retroactively change your images using a plugin like Regenerate Thumbnails: http://wordpress.org/plugins/regenerate-thumbnails/

Hope that helps!

Best,

Christopher

Hey Chris,

I changed 500 to 650 and it didn't work. I inspected my code and it still reads at 500.

Was there something that I missed?

Thanks.

My code:

///////////////////////
//FEATURED IMAGE SUPPORT
///////////////////////
add_theme_support( 'post-thumbnails', array( 'post' ) );
set_post_thumbnail_size( 230, 340, true );
add_image_size( 'related',185 ,273,true );
add_image_size( 'wide',650 ,9999);

Hi there,

You need to adjust the "wide" image setting in functions.php on line 97...

add_image_size( 'wide',500 ,9999);

Hope that helps.

Best,

Christopher

Greetings Chris,

I ended up changing the max-width on the .listing .post code from 500px to 650px in the style.css to expand the design. Below is the result.

http://www.jelproduction.net/category/church-production/

However, when I go to a listing page that doesn't showcase a video, my thumbnail link images are off-centered. I looked at the code for this section but I'm having problems in fixing it. How can I either increase the size of the thumbnail to fit in the center, or re-position the thumbnail to the center? Make sense? Here's a link to give you an idea of what I'm facing:

http://www.jelproduction.net/category/gauntlet/

Also here's the code that I found that I've been looking at:

/*----------------------------*/
/*---THUMBNAIL LINK STUFF----*/
/*--------------------------*/
a.thumbLinkWide,
.tab a.thumbLink,
a.thumbLink {
	float: left;
	z-index: 100;
	position: relative;
	display: block;
	text-decoration:none;
	margin: 0 30px 0 0;
	padding: 0;
	box-shadow: 0 2px 5px rgba(0,0,0,.35);
	border: 1px solid rgba(0,0,0,.5);
}

a.thumbLinkWide:hover,
.tab a.thumbLink:hover,
a.thumbLink:hover {text-decoration:none;}

a.thumbLinkWide img,
.tab a.thumbLink img,
a.thumbLink img {
	display: block;
	margin: 0;
	padding: 0;
}

a.thumbLinkWide:before,
.tab a.thumbLink:before,
a.thumbLink:before {
	content: "";
	position: absolute;
	display: block;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	border: 1px solid rgba(255,255,255,.06);
	z-index: 1000;
}

a.thumbLinkWide {
	margin: 0 0 15px 0;
}

Thanks for your help!