Natalie G

Hello @tl0120,

You can hide that image using the following CSS snippet:

.empty-state .empty-state-image {
display: none;
}

This will need to be added through a custom stylesheet in your theme, we have a guide to show you how to do that, here: https://simplyscheduleappointments.com/guides/add-custom-css/

Let me know if that works for you!

@databell96 I completely understand the switch. We try our best to provide compatibility code directly in the plugin for most of the popular tab, lightbox, accordion tools for page builders. But, we can’t anticipate every setup and support all of the plugins. Which is why we’re happy to provide the added code for those circumstances.

I did take a quick look at your page one last time to see the MapSVG plugin in action and noticed it doesn’t appear when I click “Campus Map”. I do see the HTML for it there, but it isn’t showing anything on the page. I’m using Safari btw!

Hello @databell96

Sometimes DA has trouble displaying when it’s not initially loaded on page load. This might affect Draw Attention when the interactive images are embedded in lightboxes, tabs, or when loaded by toggle/buttons. This is usually a quick fix that requires some Javascript.

Could you confirm that the Draw Attention shortcode is embedded on that page you linked? I couldn’t find the DA image. Is it supposed to appear after clicking on “Campus Map”?

Let me know and I can help you figure out the Javascript to get this working.

Hello @warcher,

Could you try editing the slug from the QuickEdit option on the list of All Images?

One thing to note is that it seems like you’re using the paid version of Draw Attention, we cannot provide support for the premium plugin in this forum. If you are using Pro, please email us at [email protected]. We’d be happy to continue helping you through direct email.

@jarokal Thanks for the update. Could you email us at [email protected] to continue troubleshooting?

You could also take a look at our documentation related to this issue and see if any of the suggestions there help: https://wpdrawattention.com/document/image-never-loads-just-shows-loading-animation/

Hello @leakplan

Draw Attention images are only as big as the container that holds them, we can’t do anything to make the image larger. The only way to make the image appear larger is either:

• Use a bigger image.
• Make the container larger so that your image can have room to grow. (Which you’ve already done by making the dimensions 100vw and 100vh)

Although I’m curious to see where the second scrollbar is coming from. If you use a bigger image there shouldn’t be a second scrollbar being created by Draw Attention.

If you send us a link to the page/image you’re working on at [email protected] we can also take a better look and see if we can make more suggestions.

Hello @tl0120,

Are you editing a role that comes with the Ultimate Members plugin? If so, then you can try to look and see if the custom SSA capabilities are listed when you edit the Ultimate Member capabilities.

Here’s the Ultimate Members documentation to help you see where that’s located:
https://docs.ultimatemember.com/article/103-user-roles-settings#capabilities

I’m not familiar with the Ultimate Members plugin, if you’re not able to find a the SSA capabilities listed there or place where you can add them you’ll need to contact their support for help on adding custom capabilities to the UM roles.

Or, you could also use a plugin like “User Role Editor” (which they also recommend) to edit the roles: https://www.ads-software.com/plugins/user-role-editor/

@tl0120 Yay! Thanks for the update, I’m glad to hear that’s working now ?? Let us know if we can help with anything else.

Hello @jarokal

From looking at the page it looks like the Draw Attention Javascript isn’t being loaded on the page or running at all.

Could you double-check to make sure your custom theme is calling the wp_footer() function where all the JS for Draw Attention is loaded?

Let us know if that helps.

Hello @askthechiro

Sorry to hear that, could you let me know which particular hotspot placeholder is having its text cut off? Does it happen in certain circumstances, like on mobile?

I just clicked through each hotspot on the linked page and couldn’t catch any cut off text.

Let me know and I’ll have another look!

Hello @fuzzboxes!

I took a look at your site and found that the Fabulist theme is using CSS that’s affecting the Draw Attention plugin.

Please try to contact their theme support to get this officially fixed in their code as it could cause issues elsewhere in the site when using SVGs or other plugins that use SVGs like Draw Attention:

svg {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

In the meantime, I believe you could use the following CSS snippet to counteract their code just enough for Draw Attention to work:

.hotspots-interaction .leaflet-pane svg {
    height:auto;
}

If you need help adding CSS, we have a guide to help you add CSS to the page – https://wpdrawattention.com/document/customizing-draw-attention-css/

Let me know if that works ??

P.S. I really like your site – great resource!

@tl0120 That’s strange, I just tested the code snippet I sent you earlier and it works on my end. All the code snippets are being used.

Could you confirm that you made two new folders in your theme’s directory: one “ssa” folder, within that, created the “admin-app” folder, and within that the custom.css file?

Should follow this file path:
wp-content/themes/your-theme/ssa/admin-app/custom.css

@tl0120

From a quick glance, it looks like there are some syntax errors with the CSS, after each CSS snippet there is an extra bracket (;) which might be causing issues.

Could you use the following snippet instead and see if that works:

/* Hide SSA Logo */
.app-header img {
    display: none !important;
}

/* Hide Settings Images of Foxy */
.md-card.settings .md-card-media {
    display: none !important;
}

/* Hide Contact Support Team Button */
.support .md-toolbar .md-theme-default.md-button:not([disabled]).md-primary.md-raised, 
.support .md-toolbar .md-theme-default.md-button:not([disabled]).md-primary.md-fab {
display: none !important;
}

Hello @mrsz

I’m sorry to hear you’re having trouble with the plugin ?? The plugin should work properly, we don’t have any other customers reporting this.

Usually, that error is site-specific, we have a guide to walk through some troubleshooting steps here: https://simplyscheduleappointments.com/guides/plugin-loading-issues/

If that still doesn’t help, please contact our support team at [email protected] so that we can continue investigating.

Hello @xariklios

I’m afraid we don’t have a way to create perfect circles or use icons as hotspots at the moment.

We have some planned improvements to the drawing tool which will allow drawing of circles and clickable icons like you describe. We’re expecting to release the ability to draw circles by next month, we’re in the last testing stages ??

Let us know if you have more questions in the meantime.