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

Technical Q&A

Topic summary

A user asks how to implement a custom cursor image across all pages of their site.

Solution provided:

  • Upload a small cursor icon to Assets (e.g., cursor-icon.png)
  • Add CSS code to the theme.liquid file before the closing </head> tag
  • Use cursor: url() with the asset path and !important flag

Follow-up issue resolved:
The cursor reverted to default hand icon when hovering over links/buttons. This was fixed by adding cursor: url() !important; to link and button selectors in the CSS.

Current status:
Original poster confirmed the solution worked. A new user (NashMashPets) using the Impact theme reports following the same steps but their custom cursor isn’t displaying, seeking additional help with proper asset name placement in the code.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
4

Hi @kindredpeople ,

Please change code:

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

1 Like