Streaming live at 10am (PST)

Hold down mouse ignore images and elements

Hi guys,

I’ve been messing around with this background

Where the background animates if you hold down left click and move the mouse around the screen.

Probleme is if you have a text overlay the element blocks the mouse from interacting with the background and if you have a image overlay the mouse does that weird thing where it tries to drag the image.

Any idea on how i can make the mouse ignore everything thats not the background ?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi! This should work:

  1. Add this code to your “Custom Code” -> “Head Code” section

  2. Add a combo class to all the elements that you want to ignore mouse interactions for with the “ignore-mouse” tag

Let me know if you face any issues. Good luck!


<style type="text/css">
          .ignore-mouse {
          pointer-events: none;
          }
</style>