Why is my custom cursor extension affecting my website's cursor?

[vseazon]

Hello,

I have downloaded an app called custom cursor extension chrome for my personnal use and now I see that it has changed the classic cursor on my website also. It's displaying a sniper cursor wich my customer will not like

I have used an other computer and it still display.

My website link: https://b0a4dd-08.myshopify.com/products/bamboo-sheet-set?variant=49264220012870

WTF ? Please help thanks

[deepaksharma · Accepted solution]

In your shopify code editor find a file named section-main-product.css, there you will find the code similar to below and delete that it will fix your issue.

::-webkit-scrollbar-button, a, :link, :visited, img {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAgxJREFUWEft1zvIj1EcwPHP6xYLsrFgkwwmoizK5paBweCyKrGgXAaXwkLK6jIYGOS2KYsiJoNkw8ImLIQXz6/Oqafjed7/v/9b70n5L8+/5/zO73x/9/OMmdzvY9q+YFQ1Y6NuTPs+p+e8UfX88wBfkuVzp8oDi7Ad67EC69LBj/ESj3AL74cFGjYEcfAZ7GyeM1vKc+xzLsTSD9xonkeHARkGYAuuYX6HVV0AWewTduPuRN4YBLAPlzCtR8lEALHlF/bjch/ERABbcRtdMs/xsAE7mRSfwAas6jjoN7bhThdEH8DCJtledbj9BcIrT3osWpusXVmsRziW40O5rw/gCvYUwvewA9+wDLtwKskcx3W8xmzcxOZi/1XsHQYgMv4dZrSEw/I16fCohkNpvZ0DP3E+ZX9APG3c3vZErC8uK6PLAwdwoSAN14bC0+mAvNyVhAF4LAGXoTrYhPViW3cXwH1sbAlFwq1Obo9mM31AHxhPTSrC8axIzAfYNAjgTVP3S1pC2aKzOFx4pq8MzzXhOtLhsbdNriwtAWKkZquiZKLF5h4fspF03zGn6IKx1jcLoht+xayUlPnMmBnhxez58fhTHaCsjCkPQQlQPQmrl2H1RhQhqdqKA6D6MAqIquM4V0bVC0mGqHolyxBVL6XtRlXtWt5zA+sdRn3yf70fdCsepOj/t+GkP8//AFe3p/1Yo9tcAAAAAElFTkSuQmCC) 16 16, pointer !important;
}

also in the file called base.css find this and delete

body {
    cursor: pointer;
}

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

[vseazon]

Thank you my gggggggggg