How can I alter my store's cursor design?

Store Design
1

Hi. I tried to change my shop’s cursor design using this argument(https://community.shopify.com/c/Shopify-Design/Custom-cursor/td-p/435617)

However, I couldn’t change cursor ,coding like this:

body,
input,
textarea,
button,
select {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  cursor: url('https://cdn.shopify.com/s/files/1/0332/1744/5933/files/7785.jpg?v=1585281655'), default ;
}

How can I change my cursor design?

1 Like
2

Hello, @Nakaya-shiki

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

3

Why？I just put code on this topic, so I don’t need to show you my shop URL and I haven’t open my shop yet just costomizing now

4

if you can provide URL so i will check your code why this not work.

5

ok, please check my site (https://dufy410.shop/).Thank you.

6

Thanks for URL.
do you have the wrong code add also image side to big please check below guideline.
https://codepen.io/fmressel/pen/djwvJV

Some think like code just if you have this code just replace image URL.

body {
    cursor: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1581299/profile/profile-80.jpg), auto;
}
7

I have already tried such code but I couldn’t .

body {
  margin: 0;
  cursor: url(https://cdn.shopify.com/s/files/1/0332/1744/5933/files/7785.jpg?v=1585281655), auto ;
}
8

I can change cursor design from codepen’s(
1f525.png
)

but I couldn’t have changed cursor design to my original image , maybe it caused by shopify’s upload system

9

@Nakaya-shiki

It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like

10

I’d also like help with changing my cursor.

1 Like
11

@MxJohnnie

Yes, lease use above code if you any issue let me know

12

Hi! This is fantastic! It has worked for me - only issue is that the cursor changes to the pointer finger when I hover over anything. Can I update that to maintain my new cursor image?

Thank you!