Can anyone help fix my custom cursor code?

Hello,

I got this code from a website, there the cursor works fine but when I import the code, my cursor is just gone. Whats wrong with the code?

(my URL is panacarevenge.com)

body *{cursor: none!important}
.content{width: 100%; height: 300px}
a{color: #000; margin-right: 20px; transition: all 0.3s}
.menu{margin: 50px}

.cursor{position: relative; width: 40px; height: 40px; float: left; position: relative; top: 7.5px}
.dot-1, .dot-2{width: 7px; height: 7px; background: #ff4136; border-radius: 50%; transition: all 0.3s;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

.cursor{position: absolute; z-index: 99999999999999;
pointer-events: none; transform: translate(-50%, -50%);}
.cursor .dot-1.hovered {border-radius: 0; transform: scale(0.14, 5.7); top: 30%; left: 30%}
.cursor .dot-2.hovered {border-radius: 0; transform: scale(5.7, 0.14); top: 30%; left: 30%}

1 Like

@benediktkrohn

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.