Skip to content
Sign upLog in
← Back to Community

Why can't I change the cursor?

Profile icon
Savag

In HTMLCSS, I was messing around with stuff on my website, and I decided to add a custom cursor. I watched a video, and it didn't work on repl.

After a lot of searching, I still haven't found out why repl isn't letting me use custom cursors. Is there some way to that works on repl I'm unaware of? Please help.

Voters
Profile icon
HrishikeshSawa2
Profile icon
maxcheever
Profile icon
Nedra42
Profile icon
Savag
Comments
hotnewtop
Profile icon
AlexanderBirabe

It's because box.png is too big. Try to limit yourself to a 32x32 image for compatibility with most browsers.

Profile icon
Savag

@AlexanderBirabe
thanks, dude! Is there a way I can change the size of box.png inside of css?

Profile icon
AlexanderBirabe

You can't really change it's pixel size natively in CSS, but there are a bunch of sites that can do it for you. https://www.picresize.com/

@Savag

Profile icon
GloriaTyler
Profile icon
Savag

Btw sorry Idk why it's showing only index html. In css it says:

  • {
    cursor: url('Pics/box.png'), auto;
    }