Use a custom cursor

Design help Custom code
4

Ok so:

  1. add your cursor image to Webflow, then add it to a page, anywhere, and publish the site. It has to be a PNG image of maximum 128 x 128 px

  2. browse the published site whre the cursor image is, right click on the cursor image and copy its link

  3. add the following custom code to your sites’ dashboard custom code tab, in the CSS region:

    .yourclass {
    cursor: url(‘URLOFTHECURSORHERE’), default;
    }

(replace “.yourclass” by the name of the element that should catch the cursor)

This should work when published.

If your file is a .ICO file, you have to host it somewhere else than Webflow, for example dropbox or any server.

2 Likes