Draw Attention Support

Hello!

If you’re using the Gutenberg editor blocks, add a Group block to the page and set it to either wide-width or full-width – then place the Draw Attention image shortcode inside the Group block.

This should work for most themes, but the 2020 theme seems to have code that stops images from growing beyond the container on the page.

To solve that, add this bit of custom CSS to the page:

[class*="__inner-container"] > .hotspots-container {
	max-width: 100% !important;
}

Let us know if that worked for you, if not feel free to also email us at support@wpdrawattention.com 🙂
Thanks,
Natalie G

Hello it seems like the above code works on your website, you just need to add a bit more CSS to get the detailed image to look bigger.

Try this CSS snippet, just make sure to replace the {id} with the id of the image, for example write #hotspot-1234.layout-left NOT #hotspot-{id}.layout-left

@media (min-width: 900px) {
  #hotspot-{id}.layout-left .hotspots-image-container,
  #hotspot-{id}.layout-right .hotspots-image-container {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  #hotspot-{id}.layout-left .hotspots-placeholder,
  #hotspot-{id}.layout-right .hotspots-placeholder {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

Hi @zbyneksmetana,

Thank you for reaching out to us. Can you please provide the website url where you are having this issue? Thanks.

Hi @met45,

Generally, we resize the detail image to fit it into your theme, but if you’d like to use the full dimensions of your image, you can add the following filter code to 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'; }

Once this code is in place, you should see the full image size being used for the detail image.

Please let us know if there’s anything else we can help you with.

Hi @scottl31 ,

Thank you for your feedback! This is definitely still in our plans, but we still don’t yet have an exact ETA at this time.

Hopefully we will have more information within the next few months.

Please let us know if there’s anything else we can help you with in the meantime.

We’re glad to hear the issue was fixed 😀

As for the questions on zooming and nudging the nodes, those are features we’re considering to implement in the future.

We don’t have an ETA to share but they are definitely in our backlog for the plugin 🙂

Thanks for the suggestions and always feel free to ask us anything else!
Natalie G

Hello there!

Please reach out to our Pro support team at support@wpdrawattention.com.

We’d be happy to help you 🙂
Thanks,
Natalie G