how do i change my cursor?

My guess? Because the bottom cursor you're trying to use is missing this addendum in the code:

<style>

:/rs=w:60,h:40,cg:true,m/cr=w:60,h:40"),

</style>

Try attaching that to the bottom one and see if that helps.

ill try that!!

it unfortunately didnt work :[

Ok well since that wasn't successful, this one should be. Time for plan B

Try this one:

@media (hover: hover) and (pointer: fine) {
body {
cursor: url("https://files.catbox.moe/ab9imy.png") 0 0, auto !important;
}
}

so weird! still doesnt work...

i even tried combining it both: 

<style>

@media (hover: hover) and (pointer: fine) {

body {

cursor: url("https://www.123-stickers.com/1365-thickbox/autocollant-rond.jpg:/rs=w:60,h:40,cg:true,m/cr=w:60,h:40"), 0 0, auto !important;

}

}

</style>

Ok so I think I've figured out what the root problem we were having. It wasn't the code itself giving us issue, it was the image file in particular. 

I've replaced it with a properly directed to image that should work, and it fits your style. :)

@media (hover: hover) and (pointer: fine) {
body {
cursor: url("https://i.ibb.co/whJ62Nqf/1000101864.png") 0 0, auto !important;
}
}


Third times the charm hopefully. 🤞

it still doesnt work?? thats so odd... maybe i just wont do a custom cursor after all :-(