Solved

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

vseazon
Shopify Partner
46 0 9

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

vseazon_2-1711361119783.png

 

 

 
 

 

Accepted Solution (1)

deepaksharma
Shopify Partner
448 63 95

This is an 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!

 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 2 (2)

deepaksharma
Shopify Partner
448 63 95

This is an 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!

 

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
vseazon
Shopify Partner
46 0 9

Thank you my gggggggggg