I have set up an image with hotspot example. How do I achieve the following:
1. I have set the hotspot transparent, so you won’t see it when you view the page – just hover over the initial image and you will see it is active.. When hovered or clicked, I do not want the tooltip to show up. I just want it to link.
2. I would also like the hotspot circle to be a bit larger, so it fills more of the image itself.
Thank you!
Hey Beth,
Thank you for the inquiry.
Instead of using the Hotspot element, you might want to consider using the Text or Code Block element instead and add the images as inline content or set their alignment to left. The problem with your approach or with using the hotspot as link is that it won’t cover the whole image unless we adjust the hotspot size and as you may have noticed, it has a tooltip by default.
If you decided to proceed with the alternative solution, all you need to do is add the Text Block element, insert the image manually using the Add Media button and set their Attachment Display Settings accordingly. Make sure that the Alignment is set to Left and the Link To to Custom URL. You can also edit the images in the editor’s Visual mode.
Best regards,
Ismael