How can I customize my cursor pointer during an error?

Technical Q&A
, ,
1

How can I customize a pointer like that

storetool_0-1712417084932.png
storetool_0-1712417084932.png393×400 181 KB

1 Like
2

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?

1 Like
3

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

4

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

5

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

1 Like
6

Thank you ggg