Hi there! There’s not an option in the plugin to change that, but you can style it with CSS. The selector is .hotspots-image-container.
Let me know if you need more help working with CSS. Happy to help however I can.
Thank you, Natalie. I’m not yet familiar with how to edit CSS for a plug in so any help would be greatly appreciated.
Hi there!
You didn’t mention what color you wanted to make the background, but here is how you’d make it yellow:
.hotspots-image-container {
background: #ffff00;
}
You can change the hex code to whatever color you’d like for the background. If you need help figuring that out, just let me know.
Ok, you don’t want to edit CSS directly in a plugin or theme ever because your changes will get overwritten when you update the theme or plugin. Instead, there are three ways to do it:
1. If you are using a child theme, you can copy and paste that CSS into your child theme’s style.css file.
2. If you’re not sure if you’re using a child theme or not sure about editing the style.css file, and are using Jetpack, you can use Jetpacks’ custom CSS feature. By going to Appearance > Custom CSS, you can paste in the code there.
3. If you don’t have a child theme and you don’t have Jetpack, you can install the Simple Custom CSS plugin (https://ww.wp.xz.cn/plugins/simple-custom-css/) and use that plugin to enter your custom CSS.
Hope that helps!
As I was working on the child theme I noticed that DA had been updated to be able to change the background color. Thank you, Natalie!
🙂 Yes, we decided to go ahead and roll that into our release for today. 🙂