Images not showing?

[John]

Hello,

On francescadroll.com the Gmedia images are not showing up in Safari 9.0.3 using Yosemite 10.10.5 on various Mac computers. It is a WordPress site. Everything is up to date… WordPress, Theme, and Plugins. Images display fine on Firefox, Chrome, and older Safari… but not on the latest Safari and Mac OS? We are using the free Gmedia plugin and the Phantom Module.

We have researched this issue on Google and tried every recommendation we have found to no avail?

We have checked “Forbid other plugins to load their JS and CSS on Gmedia admin pages”, as well as checking “Forbid theme to format Gmedia shortcode’s content”. It makes no difference.

We’re wondering if you are aware of this issue and if you can help us resolve the issue?

Thanks,
John

[Rattus]

There is CSS setting in your theme which make all images in safari transparent (/wp-content/themes/dt-the7/css/main.min.css):
html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1) { opacity: 0 }

To fix this try add code below to your style.css:
html #main img { opacity: 1 !important; }

OR

try wrap shortcode with div like below:
<div class="animate-element">[gmedia id=4]</div>

Also you can ask theme’s developer to fix it.

[Author]

Posts