Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 28, 2016 at 8:32 pm #574055
    rama1000

    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.

    January 29, 2016 at 2:46 am #574249
    Elliott

    Hi rama1000!

    Try this out.

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

    Best regards,
    Elliott

    January 29, 2016 at 3:09 pm #574577
    rama1000

    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.

    January 29, 2016 at 4:15 pm #574618
    Yigit

    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

    January 29, 2016 at 4:19 pm #574621
    rama1000

    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?

    January 29, 2016 at 4:23 pm #574628
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    January 29, 2016 at 4:30 pm #574635
    rama1000

    I’m sorry, it still does not work.

    January 29, 2016 at 4:32 pm #574637
    rama1000

    Wait, that fixed it! Thank you!!

    January 29, 2016 at 4:33 pm #574639
    Yigit

    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

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