Natalie MacLees

Hi there! I took a look at your site and you’ve got the same <meta> tag issue – if you just remove that, the plugin should work just fine for you.

We were able to identify the issue – some themes have an IE compatibility meta tag in the HTML head section that forces IE into a weird compatibility mode.

It looks like this: <meta http-equiv=”X-UA-Compatible” content=”IE=10,chrome=1″ />

Without that tag, Draw Attention works without an issue in IE9+.

HI Kerri! We just released a new version that has some IE fixes.

We weren’t able to replicate the blue border or the flashing you were seeing on hover, in Windows 7 with IE 11, but hopefully those are fixed now as well.

Just let us know and we’ll look into it further if needed.

Has this issue never been resolved? I’m trying to use this plugin now and I’m having this exact problem.

Hello Maria!

The interaction does work on iOS, but right now it requires you to touch the highlighted map area twice to load in the info box that’s associated with it.

We’re going to be working on making that work even better for touch-screen devices in our next release. We’re working on getting that out as soon as possible.

Yes. The free version is limited to 20 hotspots.

It sounds like there might be a conflict or a JavaScript error with another plugin or with your theme. Aside from issues with a couple of other image mapping plugins, we aren’t aware of any conflicts or problems with themes and plugins just yet.

To identify if it might be another plugin, try disabling all of your other plugins, then see if you’re able to upload or select images as expected. You can then try re-enabling your plugins one at a time to identify which one might be causing the issue.

If it’s not a plugin, then it might be the theme. Try switching your them to Twenty Fifteen or one of the other default theme and see if it works then.

Please let us know what you find out from this so we can address any conflicts.

Hello there! We ran out of time for the last release and had to bump IE fixes to the next one, but I’ll definitely be tackling that for the next one.

If I disable Polylang, then the language and the word “Language” is no longer included in my page titles, so it’s definitely appearing that way because of the plugin. Is there some setting somewhere where I have control over that?

DrawAttention is designed to be responsive. That means that all parts of the plugin resize to fit within the space available in your selected theme. If things are much smaller than you’d like, check to see if your theme as a full-width page template available, which should provide more space for the image and associated more info box.

I’m not sure why you’d want to completely hide the more info box – that would prevent your site visitors from seeing any additional information about the clickable areas of the large image. If you upgrade to the Pro version, we have a lightbox option that will let you show the more info box as a lightbox, which gives you more room for both the clickable image and the more info box.

You’re correct – the .hotspots-image-container background color is difficult to override, and we’ll fix that in the next release. In the meantime, you can add the ID of your hotspot in front of your selector to change it. I can’t give you the exact ID without being able to see your site, but if you inspect the HTML, you should be able to spot it. Your CSS should look like this:

#hotspot-38 .hotspots-image-container {
background: #fff;
}

We can’t really provide specifics on modifying the appearance and layout without being able to see what you’re working on.

I believe you’re trying to left-align the clickable image inside its container instead of the center alignment it has by default. You definitely don’t want to use absolute positioning for that because as you’ve discovered, that throws off the calculations for the clickable areas of the image. You should be able to add this CSS:

.hotspots-image-container > div,
.hotspots-image-container img {
margin: 0;
}

to left-align the image in its container.

Just a small change to the suggested code here in case anyone else comes along and needs to use it:

<?php echo do_shortcode('[vegas id=12 fade=2500 delay=4500 autoplay=yes arrows=no poster=no]'); ?>

You have to include echo. ??

Hmmm…I used the global feature more often than the individual page option, I think. I guess it will be interesting to see if it really was unnecessary. I’m definitely going to miss it.

I was trying to figure out how to get a single slideshow to display globally since I’d also need to cover archive pages, etc. I hadn’t thought of inserting the short code directly into the header.php file – I’ll certainly do that for now to fix my sites, but it reduces the portability of my theme.

Overall, this is a great plugin – it’s a tricky jQuery plugin to try to integrate into WordPress just because of the way it needs to be configured, but I think you’ve done a good job of figuring out how to make that work. I appreciate it, and the work you’ve put into the plugin. ??

I’m using WordPress 3.8 and Vegas Slider 1.5. I get an undefined index error unless all the options (for arrows, autoplay, global, and poster) are all checked.

Unfortunately, I don’t want to use all of those options.

Additionally, I get a 404 error for a missing overlay file.

I was having this issue too, but following the steps that hussong posted fixed it. Thank you!