How can I customize my cursor pointer during an error?

[storetool]

How can I customize a pointer like that

[storetool]

thank you
https://b0a4dd-08.myshopify.com/products/bamboo-sheet-set?variant=49264220012870

[PageFly-Amelia]

Hello @storetool 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

Could you please provide me with the URL so I can check it for you?

[storetool]

Thank you
https://b0a4dd-08.myshopify.com/products/bamboo-sheet-set?variant=49264220012870

[PageFly-Amelia · Accepted solution]

Hello @storetool 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file section-main-product.css

Step 3: Add code

::-webkit-scrollbar-button, a, :link, :visited, img {
    cursor: url(#yourfile) 16 16, pointer !important; /* You must change the value of #yourfile to the value you want */
}

Step 4:  Chose file base.css and delete 

body {
    cursor: pointer;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

[storetool]

Thank you ggg