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
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024