Post Thumbnails changed after update

I am changing the site back to v 3.1.24 and my DEV Site is running 3.2.2. Please if anyone has a solution.

SITE LINK

Update: If you look at the Post Thumbnail Images on my original post you will see they are showing correctly, running 3.1.24. On the Dev Site (link on 2nd post) the Thumbnails are distorted and oversized, running 3.2.2.

Spot on @questas_admin! Thanks for reporting this. I just fixed this issue in the next version of the theme coming in the next days.
Thanks for this contribution. ??

Thanks, Do you have a temporary fix in the meantime? PHP or CSS?

You can fix it with this code PHP + Javascript to paste in your functions.php :

add_action('wp_footer' , 'fix_my_thumbnails');
function fix_my_thumbnails() {
?>
jQuery(function($) {
	$('.tc-thumbnail img').each(function() {
		if ( ! $(this).attr('style') )
			return;
		$(this).css('min-width', '270px')
			.css('min-height', 'inherit')
	} );
})
<?php
}

Cheers

That didn’t seem to fix it. I’ll wait for the update I guess. I placed that in the childtheme php file.

Just updated to 3.2.3 and having the same problem with the post thumbnail images. Sorry Nikeo but that code snippet didn’t work either. I cannot update main site till this is fixed.

SITE LINK for dev site

Hi questas_admin, it might be a problem of thumbnail size : the theme works well with images with an height of at least 250px.
I hope this helps

The image sizes are: Car; 270×160, ck engine; 263×191, broken; 300×290, lovemycar; 148×187, thermostat; 215×215.

If you look on the main site LINK you will see the post thumbnail images are displaying perfectly. That site has not been upgraded.

OK using FIREBUG, I was able to change the “element.style” settings “min-height” & “min-width” down to 100px each which made my post thumbnail images show properly (or at least the one I selected with FIREBUG) so as I see it it is the minimum setting causing the difficulties.
What I don’t know how to do is incorporating that into my childtheme as the selector is “ELEMENT.STYLE” There are other selectors on the left (I think) but I don’t know how to use them. I took a printscreen shot of the site with FIREBUG on the bottom and here is the link to that image.
What or how do I add to my stylesheet to change the min-height/width. I don’t think I use “element.style {” as the selector.
Any help would be greatly appreciated. Thank You.

LINK TO IMAGE

“element.style” is something specific to firefox and so you cannot use it in your stylesheet. If you want to create your own CSS rules then look at the HTML. You see the classes on the image element?

Looking at it I have “section class””div class”, another “div class” then “a class”

I don’t know how to use these in css. I know (.round-div) is part of the thumbnail images and it is showing on the left side, and I have tried to use that to change the min-ht/wd but it didn’t work.
Whenever I get a selector on the right side I know how to change the css, but not when it says “ELEMENT”

I hope I am making sense. If you could look at the image I made available you will see what I am seeing.

Thanks

Whenever I get a selector on the right side I know how to change the css, but not when it says “ELEMENT”

Oh okay, so there are already styles applied to the “element.style” bit?

yes, from the theme

I see. I can’t seem to connect to your website any more https://www.aandsmobileauto.com/category/helpful-tips/