Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #574055

    I am not able to make the circle transparent. How can I do this please? I have tried adding:
    .av-hotspot-container .av-image-hotspot-pulse { display: none !important; animation: none !important; }

    to the custom CSS on the image, but nothing.
    Please assist.

    #574249

    Hi rama1000!

    Try this out.

    .av-hotspot { background: rgba(255, 255, 255, 0.3) !important; }
    

    Best regards,
    Elliott

    #574577

    Elliott,
    Thank you for your reply, but it is still not working. I am providing access to the page and site for you to see.

    #574618

    Hey!

    You should only enter custom class name into custom CSS field as “custom-hotspot” and then you should add custom CSS code into Quick CSS field as following

    .custom-hotspot .av-hotspot-container .av-image-hotspot_inner { background: transparent !important; }

    I made the changes for you. Please review your website now

    Cheers!
    Yigit

    #574621

    Yigit,

    Thank you. The circle is still showing and fading. I cant have a bunch of circles over the faces of the team. I just need a hotspot with no glowing circle, that pops up with their name. Can this be done?

    #574628

    Hi!

    Please add following code to Quick CSS as well

    .custom-hotspot .av-image-hotspot-pulse {
        background: transparent;
    }

    Regards,
    Yigit

    #574635

    I’m sorry, it still does not work.

    #574637

    Wait, that fixed it! Thank you!!

    #574639

    Hi!

    Please flush browser cache and refresh your page a few times. It does work fine on my end. I also added !important rule but i saw changes before adding as well.

    Cheers!
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to make HotSpot Circle transparent’ is closed to new replies.