Is it pssible to blur the hotspot background?

[Carlo_A]

Hi,

Is it possible to blur the background of the hotspot?

I used the following code from the website:

[data-id="PASTE WIDGET ID HERE"] {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

However, it doesn’t seem to be working. Any suggestions?
Let me know if you need any further modifications!

[neueMeta]

Hi Carlo, it is working like this. You have to adress the child div of your data-id element which has the class “tip” and also the class “viewer”. You can always check which div to select with the help of the dev-tools of your browser and change the css values directly there as a preview.

But here is the code

[data-id="665e15510822b6003d08edb5"] .tip.viewer {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

}

[Carlo_A]

fantastic, Got it working with only a tiny bit of fuzz! Thank you! (I also utilized the incorrect data id.)