Hotspots

Hey Katroaka,
To change the hotspot tool tip to transparent with red text please try this css:

#wrap_all #main .av-display-hotspot .av-permanent-tooltip-single,
#wrap_all #main .avia-arrow {
    background-color: rgba(255, 255, 255, 0) !important;
}
#wrap_all #main .av-display-hotspot .inner_tooltip p {
	color: red !important;
}
#wrap_all #main .avia-tooltip.av-tooltip-shadow, 
#wrap_all #main .avia-tooltip.av-tooltip-shadow .avia-arrow {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0) !important;
}

Expected results:

Please note that I used red text in this example so you could see the text in the screenshot, if your site or image is dark you can change the color to white, as in your request.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please link to your page so we can check, also an admin login would allow us to investigate further.
I recommend disabling Enfold Theme Options > Performance > JS & CSS file merging and compression and any caching plugin to see if that helps.

Best regards,
Mike

Hi,
Thanks for the link, for the first two images with permanently opened hotspots, this css makes them transparent:

#wrap_all #main .av-hotspot-container .avia-tt,
#wrap_all #main .avia-arrow {
    background-color: rgba(255, 255, 255, 0) !important;
}

result:

For the third one I’m having trouble matching the settings on my localhost, as the container seems different from the first two.
Please include an admin login in the Private Content area so I can investigate further.

Best regards,
Mike

Hi,
Glad to hear that the css helped, to make it more permanent with a custom class, I added the class special-pulsate to each special heading with a check mark on your homepage, like this:

then I changed the css at Enfold Theme Options > General Styling > Quick CSS field to this:

.special-pulsate:before {
	content:"";
	display: block;
    background: #fff;
    border-radius: 100px;
    height: 40px;
    width: 40px;
    position: absolute;
    -webkit-animation: av_pulsate 2s ease-out infinite;
    animation: av_pulsate 2s linear infinite;
    opacity: 0;
    top: -11px;
    left: -11px;
    z-index: 1;
}

Please clear your browser cache and check.
When I check your “Podcast” menu link, it seems to work for me, I tried going each page in your menu and then clicked the “Podcast” menu item and it loaded correctly. Please check again.

Best regards,
Mike