I have a button that I would like to have the pointer change to a colored circle on hover. I put it in a div named ‘cursor-hover’, and input the following code into the custom code window:
/*Here we apply the hover state cursor to elements that are not links */
cursor: url('https://uploads-ssl.webflow.com/63d3fe913e1430d0990ca285/63fe3a204bd44379e58fec50_Green%20Mouse.png'), auto !important
Anyone have any input on what I’m missing?
I also tried creating a custom pointer for the whole page and only using it for the button, but couldnt figure that animation out.
Appreciate the feedback on this. I actually got it to work just now by including the original custom code in the settings of the page in designer and pasting it into the top html block, as well as going into the project settings tab in the hamburger menu in the top left. Will follow the post guide in the future. Thanks
That will be great as now you are mentioning some other custom code you didn’t mention in original request and also there wasn’t any chance check if code implementation is correct. Anyway simple solution provided also works without any issues.