tylerdigitalsupport

No problem, let us know if you don’t get it sorted.

We tested a lightbox with a picture and an overflow of text on a default install, and it scrolls fine on mobile. So there must be something happening specifically with your site.

Can you confirm some details about what customizations you’ve done? I see on desktop you have the layout-right, but on mobile it’s the lightbox. That is not a built in option for this plugin. Did you set that up intentionally, and if so how? If not then we’ll need to figure out how that is happening.

The other thing I’ll mention is that any js errors coming from your theme or other plugins can cause DA to malfunction. I see a couple errors in the console of that page, so try to get those cleared up to ensure it’s not related. Those errors are saying $ is not defined or not a function. To fix those, where you have $ try replacing with jQuery. For instance change $(function(){ to jQuery(function($){

We’re looking into this. What kind of phone are you using?

You can adjust the size of the light box with custom css. Here’s the relevant css as it is now:

body .featherlight .featherlight-content {
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
max-width: 95%;
padding-top: 25px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 25px;
}

If you want the box larger, you’d need to decrease the margin and padding, and increase the max-width and max-height.

You can add that custom css into your child theme’s css file (if you have a child theme). If you don’t have a child theme, we recommend using Jetpack’s custom CSS if you have that installed; or else, you can install the Simple Custom CSS plugin: https://www.ads-software.com/plugins/simple-custom-css/

If you need more instruction than that, please send the link to the page it’s on and we’ll see how we can help. You can also email priority support at [email protected] if you prefer. Hope that helps!

Hi Michael,

Those things will require custom CSS, but we’ll be glad to help you. Will you want there to still be text above the image in the read more area?

Please reply and send us a link of the page in question (if you have it) to [email protected]

To clarify, we didn’t intend for you to install a new caching plugin, but if you already had one to clear the cache. Since you just installed WP Supercache, now that is actively caching your pages, which is what we don’t want. I would advise you to deactivate that and all caching while testing this. The other thing you didn’t mention is hosting cache – you may want to ask your hosting company if you’re not sure.

1) Try re-saving the Draw Attention image. If you click on Preview within the Draw Attention image, does it appear as it should be?

2) The next step is to deactivate all other plugins, and then turn them back on one at a time to pinpoint if another plugin is causing a conflict.

3) If it’s not a plugin, then see if changing to a default WP theme such as 2015 displays it properly.

Beyond that, we may need to log into your site to check this out further. If that’s necessary and you’re willing, please email [email protected]

Would you mind sending us a link to the page where this is happening? If you don’t want to post here, you can also email [email protected]

I can also suggest this might be a caching issue. Try clearing all caches (caching plugins, hosting cache, browser cache, etc).

Draw Attention relies on javascript to function properly, and you have a lot of javascript in that page. Unfortunately we’re not sure if you’ll be able to get it working right along with that Calculate Fields plugin and your custom js.

What we can tell you is Draw Attention needs to be placed on the page as a shortcode, and it should load when the page loads. Any js that causes it to load later will cause problems. Also some js errors will cause problems, so cleaning up any errors may help.

hello,

if you put [drawattention] in between a <div> with display:none; as you said above, I would not expect that to show up at all.

Can you clarify if your Draw Attention image is showing up at all, or is it showing up but you’re having trouble with the hotspots showing? I see a red box that says “test draw 2” – is that the one you’re having trouble with?

Also, if you set the the border width of your hotspots to 0, then a thin connector shouldn’t even be visible to users. Here’s a link to a previous support case with an example: https://www.ads-software.com/support/topic/interconnected-area-highlight-in-a-hotspot

What some users have done is draw a thin line between the two areas. That way both are highlighted at the same time, and hopefully the line isn’t very noticeable. It’s not perfect but currently that’s the best solution we have for that use case.

We received your support details, thank you. We’re looking into this more and will hopefully find the solution soon.

Sorry about that, we’re looking into a problem with the zip file. In the meantime please email [email protected] and we’ll get you a fresh copy.

Hi Gene, we will look into this. If you don’t mind, please send your system details to [email protected] using https://supportdetails.com/

Our latest update should fix this issue for you. Let us know if you need anything else – thanks!