tylerdigitalsupport

It will take some custom css. Here’s what you’ll need:

body .qtip-content h2.hotspot-title {
text-align: left;
}

More info on customizing css:
https://tylerdigital.com/document/customizing-draw-attention-css/

Here is one thing you can try. By default our plugin uses the “large” size of the image, but perhaps you need the full size because of your other media settings. You can change it to use full by placing the following in your functions.php file:

?add_filter( ‘da_detail_image_size’, ‘my_da_detail_image_size’, 10, 4 );
function my_da_detail_image_size( $size, $hotspot, $img_post, $settings ) {
return ‘full’;
}

Hello, to help you we will need a link to the website in question. Also, please let us know if the regular media library uploads and image placement are working properly. Problems with an image size sounds like an issue with your base WP installation or an incompatible plugin. We will also need to check if your site is generating any javascript errors.

As a pro subscriber it may be easier for support if you email followups to [email protected].

Can you send us a link to this website? You can email [email protected] if you don’t wish it to be public.

It sounds like there’s a conflict going on with another plugin or your theme. We’ll be happy to take a look.

In the mean time here are a couple articles about how to troubleshoot these kinds of problems:
https://tylerdigital.com/document/troubleshooting-conflicts-themes-plugins/
https://tylerdigital.com/document/disabling-3rd-party-scripts/

Hi,

For now you’ll need custom css to remove that background. In this specific case here’s what you’d need:

body #hotspot-382 .hotspots-image-container {
background: transparent;
}

Here’s an article about editing css:
https://tylerdigital.com/document/customizing-draw-attention-css/

We are planning to add transparency options in a future update, but that’s your best bet for now.

Glad that worked for you. I understand what you mean, but I do think it’s rare that somebody will try to scroll in the brief (less than 1s) after clicking. Unfortunately there’s not much we can do about that as far as the Draw Attention plugin goes. I noticed the page staggering some even when scrolling above the Draw Attention image before clicking it. There’s probably a broader issue of how your theme is built, mix of plugins installed, hosting and website speed, etc. You could possibly try a caching plugin and see if that helps.

You can turn off the loading animation with this custom css:

.hotspots-placeholder.loading:before {
border: 0 none;
-moz-animation-name: none;
-webkit-animation-name: none;
animation-name: none;
-moz-animation-duration: 0;
-webkit-animation-duration: 0;
animation-duration: 0;
height: auto;
left: 0;
margin-left: 0;
width: auto;
}

You can put that in your child theme’s style.css, or a css plugin. Here’s an article on adding css: https://tylerdigital.com/document/customizing-draw-attention-css/

Would you mind sending a link to the page? It would be difficult to help without seeing this in action.

If you don’t wish to post the link publicly you can email [email protected]

Hi Jeanne, we just responded to your direct message to our support email. Let’s continue the conversation there so we don’t have two threads going. Thanks!

We have an update coming out soon that may be related. You can download the latest version with this link: https://www.dropbox.com/s/1ibj0nysfh2xolt/webmaster-user-role.zip?dl=0

We’re sorry you’re having this problem – it’s definitely not typical behavior of Draw Attention. Usually these things are symptoms of a conflict with another plugin, or a script in your theme, etc. The first step would be deactivating other plugins to see if the problem is related to any of those. See: https://tylerdigital.com/document/troubleshooting-conflicts-themes-plugins/

If that doesn’t help, we’ll be happy to look into it more for you. Let us know if you have a url we can check out. You can also email [email protected] if you’d rather keep your url private.

Currently that’s not an official feature of the plugin. We are considering adding it someday, but we don’t have an ETA.

In the meantime, it is possible if you’re comfortable with jquery. I drew up an example here. As you can see it’s quite a bit of code for one link/hotspot. You’ll need to inspect elements and find the ID of the hotspot. In my example that’s: #hotspots-image-17-area-1.

Then I made a simple text link which would be your button:
<a class="test-da-hover-trigger">test trigger</a>

And here’s the jquery. Hope this helps.

jQuery( document ).ready( function( $ ) {
	// when hovering text link, highlight the DA hotspot
	$('.test-da-hover-trigger').mouseover(function() {
		$('#hotspots-image-17-area-1').mouseover();
	})
	// remove hotspot highlight when hover stops
	$('.test-da-hover-trigger').mouseout(function() {
		$('#hotspots-image-17-area-1').mouseout();
	})
	// clicking text links simulates hotspot click
	$('.test-da-hover-trigger').click(function() {
		$('#hotspots-image-17-area-1').click();
	})

	function da_delayed_toggle() {
		// simulate hover on text link when hovering hotspot
		$('#hotspots-image-17-area-1').mouseover(function() {
			// need to style the 'hover' class
			$('.test-da-hover-trigger').addClass('hovered');
		})
		// remove hover on mouseout
		$('#hotspots-image-17-area-1').mouseout(function() {
			$('.test-da-hover-trigger').removeClass('hovered');
		})
	}
	// a delay is required since hotspot doesn't exist on page load
	window.setTimeout( da_delayed_toggle, 1000 );
});

No, I’m sorry that isn’t possible with our plugin.

You can embed youtube videos or playlists using WordPress’ built in [embed] shortcode.

I just tested this one and it worked:
[embed src="https://www.youtube.com/playlist?list=PL55713C70BA91BD6E"]

If you mean a basic, regular image (not a Draw Attention hotspot image), then you could certainly display that in a lightbox with the plugin’s built in features.

If you mean clicking a hotspot makes a new Draw Attention image appear then yes, you’d have to use the url action and open a new page with the new DA image.