Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Override Cursor with Custom Image


im trying to override all cursors with an egg. yes you read that correctly, i want the cursor to be a tiny fried egg, please dont ask why.

i used this from a previous discussion board but it didnt work: { cursor: e-resize; } or {cursor: url(images/my-cursor.png), auto;}

any ideas?!??!?!?!?!??!?!?!?

oh my site is maggiedrewbrennan.com in case you were curious. an egg would be perfect for it.

Edited by mdrewbrennan
Initial Revision

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 0

Hey first off your website looks great. Secondly have you tried:

<style type="text/css">
body, html {
     cursor: url(imagelinkhere.gif), auto;

in your header code injection?

Also try to create your cursor image as a small gif. Here's a fiddle: http://jsfiddle.net/q94EV/342/

Auto is the default cursor and was overriding your .png. I don't know exactly why it didn't like your .png file, but I'd stick with small .gif files

Edited by wwrightiv

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...