Greetings,
I recently discovered a page on my web site has issues in Internet Explorer. The page uses several SiteOrigin Image to form a photo gallery. The images are supposed to appear in squares with space between each image. This works in all other browsers so I hadn’t noticed it until now.
You can see it here:
But in Internet Explorer it doesn’t work properly which can be seen on this image:
I don’t use any plug-ins on my WordPress aside from SiteOrigin Page Builder, SiteOrigin Widgets Bundle and SiteOrigin Premium (only lightbox enabled).
Thanks in advance.
Greetings again, I solveid it. I didn’t think I would so was too fast posting here I think, apologise.
I added display: block to it all and it solves the issues in Internet Explorer. Full code:
.so-widget-sow-image .sow-image-container {
display: block;
}
Sorry for the trouble!
Hi Marielle
I’m sorry to hear you’re having issues with your images widget in IE. I can replicate this issue on your website, but I can’t seem to replicate this locally. Would it be possible for you to send me an export for this widget? To export a page, please open up the linked page in the editor and click the Layout button in the Page Builder toolbar. Then click import/export and then click download. Please upload the export to a 3rd party file hosting site such as WeTransfer (no email is required).
Thanks for your reply. I hope I got this correct, I uploaded the file here https://we.tl/t-kjmAKnl9GW
Hi Marielle,
Thanks. Unfortunately, I’m unable to replicate this issue with the provided layout. Does this issue persist if you temporarily change theme, or disable all non-SiteOrigin plugins? You’ll need to clear all your caches after changing theme and/or disabling your plugins.
If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue. Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.
Hello and thanks again.
I have tried with other themes and the problem is still there. I do not have any non SiteOrigin plugins. However I tried it all on a local WordPress too and then the issue is not there with the two themes I tested: Twenty Twenty from WP and Vantage from SiteOrigin, but if I use my sites theme Bramble I do get the issue locally. I use a child theme on my site, but the issue appear with the parent theme too. It’s beyond me why it’s different locally though, so unsure if it’s really theme related. There might be another PHP version locally, but no idea if that could affect it or how I change it.
The only solution at the moment seem to be to add display: block to .so-widget-sow-image and .sow-image-container, but it does add a few extra pixels space at the top and/or bottom of the rows in Internet Explorer.
Hi Marielle,
Thanks for checking. Unfortunately, that confirms that this issue is occurring as a result of the theme you’re using. I’m not seeing any causes in their stylings that could cause this so I recommend reaching out to ThemeTrust to see if they have any ideas.
Hi, thanks for your reply!
It does seem to be the theme so I might do that.
I tried the Image Grid widget instead and it does work as intended with this theme in Internet Explorer so a simple solution would be using that instead. Or just do a ‘quick fix’ with CSS for Internet Explorer.
Anyway, thank you for looking into it.
Hi Marielle,
Awesome. Thanks for letting me know. :)