Tagged: enfold, iframe, image with hotspots, Lightbox, link
Hi,
I have a couple of questions about the Image with Hotspots widget
We are trying to achieve an advent calendar where the link on each day opens an iframe/lightbox with different content (images, text and video).
Here is the sample page:
1. Is it possible to open the Image with Hotspots links in an iframe or lightbox so the user stays on the same page.
The link would point to a post or portfolio item on the same domain.
For example hotspot 1 link: http://www.kalewainen.fi/portfolio-item/advent1/
2. Can I edit the size and shape of the hotspots?
And keep up the great work as always.
This is my fourth Enfold theme.
Hi olppa!
Thank you for using Enfold.
1.) Yes, this is possible. Edit the hotspot, set the link to “manual” then append “iframe=true” parameter to the url. Example.
http://www.kalewainen.fi/portfolio-item/advent1?iframe=true
2.) Please use this in the Quick CSS field in order to modify the style of the hotspots.
.av-hotspot-container .av-image-hotspot_inner {
display: block;
border-radius: 100px;
position: absolute;
height: 100%;
width: 100%;
background: #fff;
color: #888;
z-index: 2;
cursor: pointer;
text-decoration: none;
}
Cheers!
Ismael