Product thumbnail images not displaying properly in IE

[slaing]

Hi,

My product thumbnail images are not displaying properly in IE, however they display fine with Firefox and Safari. If I set IE to run in Compatability mode, then the images display okay. I have enabled Smart Image mode in the WP eStore settings and that did not resolve the issue. the lightbox effect is enabled but I disabled it to test and that made no difference either.

Assistance is muchly appreciated.

WP ver: 3.1.1

Site URL: http://www.shanelaing.com/music

thanks,

[amin007]

There is a good chance that some of your theme’s CSS is conflicting with the thumbnail images’s CSS.

Lets try this tweak. Please open the “wp_eStore_style.css” file and search for the following:

.thumb-image{

width:125px;

height:125px;

}

Once you find it replace it with the following:

.thumb-image{

width:125px !important;

height:125px !important;

}

[slaing]

I’ve implemented the tweak you indicated above but it hasn’t changed anything.

thanks for your help, any other suggestions?

—

SL

[amin007]

Lets try to identify where the conflict is coming from. Can you do this test and let me know what you find?

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

[slaing]

Ok, I activated the default theme and the image display issue is not there. Reactivate my theme and the problem returns, so it seems the issue is theme related.

Are there any other suggestions besides switching to a different theme? I paid good money for that theme and have had no other issues with it besides this image display problem with the product image thumbnails.

thanks,

[amin007]

This is just a CSS conflict so you shouldn’t need to change the theme. Please try adding the following in the CSS file

.eStore-thumbnail a img{

width:125px !important;

height:125px !important;

}

[slaing]

Amin,

I added the above to the “wp_eStore_style.css” – I assume that is the CSS you mean? At any rate, adding this to that CSS makes no difference to the product thumb image display issue.

thanks,

[amin007]

Okay I will send you an email to get site access so I can checkout the CSS

[slaing]

Email sent…let me know how it goes! thanks.

[amin007]

The following change helped:

Find the following CSS in the “wp_eStore_style.css” file:

.eStore-thumbnail {

float:left;

margin-right:12px

}

Once you find it change it to the following

.eStore-thumbnail {

width:125px !important;

height:125px !important;

float:left;

margin-right:12px

}

[slaing]

That’s great! Works like a charm, thanks so much!

[Author]

Posts