Full Width Image with Hotspots and Legend

Ismael, I found the Code Block element. Hadn’t seen that before. Can you point me to any tutorials on how to use it, short codes, etc?

The reason I don’t want to use columns is because I like the full width image with Hotspots. I want to maximize the space. This map has a lot of info.
Is there some way to see the code that a Avia page is built with? Seems when I was working with an earlier version, if I switched to Default Editor, it showed me the code. But I think I read where that was discontinued. Though I may have that all wrong but I do remember seeing the code. The short code and wrappers.

That suggestion was great. We haven’t used it yet but good to know about. That is what I was looking for.
Here is where we are now: http://69.195.124.250/~wpbforg/what-we-do/gardens/ My developer is rerouting the Hotspot links.
But my question now is that when I put in the Hotspots, they snap to a grid. I can’t place them with precision. Can that be turned off or is that the way it is for now?

My coder @vileworks.com wrote me:
This is the jQuery code I’m using. You can try running (testing) this code on the Enfold demo page if you know how to use the javascript console in Chrome or Firefox: http://kriesi.at/themes/enfold/shortcodes/images-with-hotspots/

$=jQuery;
$(‘.av-hotspot-fallback-tooltip’).hide();

$(‘.av-hotspot-fallback-tooltip-count’).on(‘click’,function(e) {
$(‘html,body’).animate({ scrollTop: $(‘#main’).offset().top },’slow’);
$(‘.av-hotspot-fallback-tooltip’)
.slideUp(500);
});

$(‘.av-image-hotspot’)
.each(function(){
$(this).on(‘click’,function(e) {
var hotspot_number = $(this).index() + 2;
$(‘.av-image-hotspot .av-image-hotspot_inner’).removeClass(‘active’);
$(this).find(‘.av-image-hotspot_inner’).addClass(‘active’);
$(‘.av-hotspot-fallback-tooltip’).hide();
$(‘.av-hotspot-fallback-tooltip:nth-child(‘+hotspot_number+’)’)
.slideDown(500);;
$(‘html,body’).animate({ scrollTop: $(‘.av-hotspot-fallback-tooltip:nth-child(‘+hotspot_number+’)’).offset().top – 100 },’slow’);
});
})
.on(‘hover’,function(){ return false; });

$(‘.av-hotspot-fallback-tooltip-inner p:empty’).remove();