Tagged: hotspots, image, media element
Hello,
I’ve been using the v2 version of Enfold to build my site on WordPress v4.0. For some posts I used the media element ‘image with hotspots’ which was working fine.
After updating the Enfold theme to v3, the images with hotspots no longer render correctly. The image is contained in a 1/1 layout element. With the new version of the theme the image itself is no longer centered but it is shifted to the left. The hotspots are still centered but they seem to be distributed over a wider are than was previously the case.
Example pages:
http://quicksand.be/wp/communication-hub-for-marine-application/
http://quicksand.be/wp/supercap-dcdc-booster/
Can the functionality of this media element please be fixed?
Best regards,
Lieven.
Hey LievenH!
Can you please create us a WordPress administrator account? post it here as a private reply.
Cheers!
Andy
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.flex_column .av-hotspot-container {
display: table;
}
.avia-mozilla .flex_column .av-hotspot-container {
display: block;
}
Or you can add following code to Quick CSS to make image fullwidth
.av-hotspot-container img {
width: 100%;
}
Cheers!
Yigit
Hey Yigit,
perfect, works like a charm.
Thank you!
Lieven.