Unable to change cursors on mouseover

I’ve had no problems changing the default cursors in the past, but for some reason I’m not able to on this div. I simply want to change it from the default cursor to the link pointer on mouseover since its opening a modal.

Any ideas?


Screencast - CleanShot 2021-01-18 at 13.41.11 · CleanShot Cloud

Here is my site Read-Only: https://preview.webflow.com/preview/xsensor?utm_medium=preview_link&utm_source=designer&utm_content=xsensor&preview=d8f9bad440c3bd8efc4b6cedd723877c&pageId=60065048465e85de3c379dcb&mode=preview
(how to share your site Read-Only link)

@bryanmanio set the cursor: pointer on the thumbnail-overlay instead :slight_smile:

Well that was simple. What’s the lesson here, always change the cursor on child elements, not the parent?

@bryanmanio It has to do with the thumbnail being position: absolute. I’m just assuming it has to do with it not inheriting the parent’s cursor.

Gotcha, thanks for the help.