Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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!
Solved! Go to the solution
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.
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!
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!
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.
awesome that worked!! thank you!!
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
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024