Can you code a picture for the cursor on all pages?

[kindredpeople]

Who knows if it's possible to code a little picture for the cursor? Applied to all pages 🙂 

Please tell me the ideal picture size if possible.

Thanks!

[LitExtension]

Hi @kindredpeople,

You can follow these steps:

- Step 1: Please upload the icon at Assets. You should upload the icon with a small size.

For example the icon name is: cursor-icon.png

- Step 2: Go to theme.liquid file, find '</head>' and add code here:

Code:

<style>
      html {
        cursor: url({{'cursor-icon.png' | asset_url}}), auto;
      }
</style>

Hope it helps!

[kindredpeople]

Is there anyway to always have the image as cursor even when click on links?

Because when I hover over a link or button it changed back to the little hand icon.

Thanks!

[LitExtension · Accepted solution]

Hi @kindredpeople,

Please change code:

<style>
      html {
        cursor: url({{'cursor-icon.png' | asset_url}}), auto;
      }
      html *{
        cursor: url({{'cursor-icon.png' | asset_url}}), auto !important;
      }
</style>

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

[kindredpeople]

awesome that worked!! thank you!!

[NashMashPets]

This is what im trying to do right now. I am theme impact. i have followed this coding, adding asset and placing  asset name replacing in between 

It has not shown :C

help?

-nashmashpets.com