Internet Explorer 8 display problem

Hi Kirsten

I tested your page in IE8 and see what you mean by the squished images. I dug into the CSS, and it’s actaully your theme’s CSS which is causing the problem in IE8, not FooGallery. This is the problematic CSS style:

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

But editing that globally will cause layout issues with the theme, so I suggest adding this custom CSS specifically targetting foogallery thumbs:

.foogallery-container a img {
  max-width: none !important;
}

I know this is an old topic, but I’m having the same issue. My Foo Gallery looks perfect in Chrome, but in IE8, all the images are squished and on top of each other.

That CSS code you say to add, where exactly do I add that? I added it on my Gallery page and that’s clearly not the right place. I assume I have to add it to the Theme somewhere, but where and how do I do that? Sorry for being so stupid about this – I’m still learning. ??

When you edit your FooGallery, there is a metabox for custom CSS. That is where all custom CSS should be added.

BUT…

it depends on your theme’s CSS and I doubt the CSS I posted above will work on your site, as that is specifically for the other user

Hi Bradvin. Thanks for that info. I see that metabox now. ??

I am using the WordPress standard 2015 theme. Is there any CSS code you know of to make Foo work properly in Internet Explorer? Or should I ask in the Foo section? Thanks for any help.

please share a link to your site so I can have a look to see what the problem is