Dot Cursor
Plugin Details
Change the default cursor into a minimal dot character.
Compatibility
Works with Squarespace 7.1
Uses Custom CSS
Add to Custom CSS
// DOT CURSOR - DEFAULT EMOJI - GHOSTPLUGINS.COM //
/* Changes the default cursor to a character, swap out the existing dot with your own, now with color */
body {
cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><text y="18" font-size="25" fill="black">●</text></svg>') 12 12, auto;
}
// DOT CURSOR - WHEN HOVERING OVER A LINK - GHOSTPLUGINS.COM //
/* Changes the cursor to a different character when hovering a link, swap out the existing dot with your own, now with color */
a {
cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><text y="18" font-size="25" fill="black">●</text></svg>') 12 12, pointer;
}
Customizable Options
Dot Character (Default)
Dot Color (Default)
Dot Font Size (Default)
Dot Character (Hover)
Dot Color (Hover)
Dot Font Size (Hover)
Notes
No plugin notes
