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

Solved

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

kindredpeople
Explorer
78 1 23

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!

Accepted Solution (1)
LitExtension
Shopify Partner
4860 1002 1160

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 5 (5)

LitExtension
Shopify Partner
4860 1002 1160

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

Screenshot.png

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

Screenshot.png

Code:

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

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kindredpeople
Explorer
78 1 23

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
Shopify Partner
4860 1002 1160

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kindredpeople
Explorer
78 1 23

awesome that worked!! thank you!!

NashMashPets
Excursionist
22 0 4

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

NashMashPets.com