fatdogstudios

So it worked for a few minutes then reverted to not rendering the styling.

I tried the /? string which worked once,
I deleted and reinstalled which worked for a couple of minutes but then reverted back.
The css files are all the same versions as what are installed so I didn’t overwrite them- I can if this is a known issue pls advise.

Any other ideas?

Thank you

Thanks for getting back to me- this site had a lot of content already before it was migrated to hubspot so we have things on both currently but hubspot is the main blog.

Yes I can get the code for you- paste it here or is there a better place to send it?

Hi Ben,

An update on this- I installed Image Hotspot by DevVN which solved the problem. Thanks for your help.

On another note though- the blog page will not show the page builder button- Even if I try to enter safe mode nothing happens? any ideas?

Hi Ben,

I used the code below and called the ImageMapResize.js from my server. I removed the middle jquery call (<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”></script>
) to resolve the multiple js calls which seemed to break the builder.

Other than the duplicate js breaking the builder, the hotspots were responsive and working in all browsers I tested.

Here is the code I placed in an html block:

img src=”https://westparrysoundedo.com/wp-content/uploads/2017/11/West-Parry-Sound-Map-new.jpg&#8221; id=”map-image” style=”width: 1200px; max-width: 100%; height: auto;” alt=”” usemap=”#who is West Parry Sound” />
<map name=”who is West Parry Sound”>
<area shape=”rect” coords=”336, 1043, 640, 1155″ href=”https://www.thearchipelago.on.ca/&#8221; target=”_blank” alt=”Link for Archipelago website” />
<area shape=”rect” coords=”801, 982, 980, 1040″ href=”https://www.seguin.ca/en/index.aspx&#8221; target=”_blank” alt=”Link for Seguin website” />
<area shape=”rect” coords=”516, 859, 676, 960″ href=”https://www.parrysound.ca/en/index.asp&#8221; target=”_blank” alt=”Link for Parry Sound website” />
<area shape=”rect” coords=”333, 800, 501, 863″ href=”https://www.carlingtownship.ca/&#8221; target=”_blank” alt=”Link for Carling website” />
<area shape=”rect” coords=”612, 758, 882, 816″ href=”https://mcdougall.ca/&#8221; target=”_blank” alt=”Link for McDougall website” />
<area shape=”rect” coords=”725, 508, 980, 552″ href=”https://www.whitestone.ca/&#8221; target=”_blank” alt=”Link for Whitestone website” />
<area shape=”rect” coords=”171, 476, 460, 572″ href=”https://www.thearchipelago.on.ca/&#8221; target=”_blank” alt=”Link for the Archipelago” />
</map>
<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js”></script>
<script src=”https://westparrysoundedo.com/wp-content/themes/icelander-child/js/imageMapResizer.min.js”></script&gt;
<script>$(document).ready(function(e){$(“map”).imageMapResize();});</script>”;s:10:”margin_top”;s:0:””;s:17:”margin_top_medium”;s:0:””;s:21:”margin_top_responsive”;s:0:””;s:13:”margin_bottom”;s:0:””;s:20:”margin_bottom_medium”;s:0:””;s:24:”margin_bottom_responsive”;s:0:””;s:11:”margin_left”;s:0:””;s:18:”margin_left_medium”;s:0:””;s:22:”margin_left_responsive”;s:0:””;s:12:”margin_right”;s:0:””;s:19:”margin_right_medium”;s:0:””;s:23:”margin_right_responsive”;s:0:””;s:18:”responsive_display”;s:0:””;s:18:”visibility_display”;s:0:””;s:26:”visibility_user_capability”;s:0:””;s:9:”animation”;s:0:””;s:15:”animation_delay”;s:3:”0.0″;s:2:”id”;s:0:””;s:5:”class”;s:0:””;s:4:”type”;s:4:”html”;}}}