Thumbnails in Internet Explorer not showing correctly.

[martinkoss]

I created a store a while ago using WP eStore and recently found that on IE the thumbnails are displayed as a narrow (squished) image, rather than a correct thumbnail.

I have tried the answers found on this forum (added !important to sizes in CSS, turned on Smart Thumbs) but nothing worked.

This is only a problem in IE (no surprises there).

I see many people fixed this problem but haven’t found “the answer” anywhere.

Hope someone can help – rather urgently as my client is breathing down my neck.

Cheers.

Martin

[amin007]

Please post a link to the page in question and I should be able to take a look and help you.

[martinkoss]

I had already changed the pages to show the full images but so that you can see my problem, please look at [https://www.cmsfb.com/pulsecsi/csi-store/t-shirts/] where, using Internet Explorer, you will see the thumbnails are squished.

Thanks for taking a look.

Martin

[amin007]

This one is a little weird… can you please do this theme testing mentioned here so I can try to isolate the source:

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

[martinkoss]

I did check that article and I did try other themes and yes, it works fine on basic WP theme and others but when using the theme we want to use (Catalyst) this is the squished thumbnail display.

I was hoping you would have some suggestions since several people have asked on this forum about how to fix the same issue. I visited the sites of some of the folks who had asked how to fix this problem and seen that they had, but on the forum there seems to be no “here is how I fixed it” follow-ups… Which would have been helpful.

Having checked the coding with firebug and looked at the CSS, etc., I can’t spot the problem.

[amin007]

“Here is how I fixed it” – this type of followup is usually not possible for theme specific CSS problems as each theme has different CSS and somewhere they broke the WordPress’s coding guideline which is the source of the issue. One solution is not going to apply to all themes that exhibit CSS related display issues.

I had a look at your theme’s CSS and I see the following CSS which looks a bit odd (Older IE versions are not smart so it maybe getting confused. Can you please remove the following CSS code from your theme and refresh the page to see if it makes any difference?

#content img, #content p img {

max-width: 100%;

}

[martinkoss]

Awesome! You fixed it..!!!

Now, I would like to offer to pay you to do one thing for me. Please see my new post about running WP eStore on a MultiSite install.

Cheers.

Martin

[mcbiles]

I was having the same thing happen in Graphene theme which is known to have some image issues with IE8. He has a fix posted in his forum but it doesn’t fix this issue. Rather than delete anything from the style sheet I modified it to

#content img, #content p img {

width: auto;

}

and that took care of it. Hope this helps someone.

[Author]

Posts