Emoji Cursor


Plugin Details

Add some fun to your site by changing the default cursor into an emoji character.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add to Custom CSS

// EMOJI CURSOR - DEFAULT EMOJI - GHOSTPLUGINS.COM //

/* Changes the default cursor to an emoji character, swap out the exisiting emoji with your own */

body {
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><text y="18" font-size="18">👻</text></svg>') 12 12, auto;
}

// EMOJI CURSOR - WHEN HOVERING OVER A LINK - GHOSTPLUGINS.COM //

/* Changes the cursor to a different emoji when hovering a link, swap out the exisiting emoji with your own */

a {
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><text y="18" font-size="18">👆</text></svg>') 12 12, pointer;
}

Customizable Options

  • Emoji (Default)

  • Emoji (Hover Link)

Notes

No plugin notes


Previous
Previous

Slide Arrow Button (#1) - Button Block

Next
Next

Hyperlink External Arrow Icon (#3)