Custom Cursor

RoryNowlin
Visitor
3 0 1

Wanting to add a custom cursor to my website.

I've seen a few posts discussing how to do this, but I can't figure our where to put it in the body text of theme.css

thank you for your time in advance!

Replies 5 (5)

Hardik29418
Shopify Partner
2845 406 1071

Please place this code at the end of theme.scss

body {
  cursor: pointer;	
}

 

here, in place of cursor, you can use much many properties. please check this website
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor
 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
RoryNowlin
Visitor
3 0 1
At the very end? Like after it closes the body text?
Hardik29418
Shopify Partner
2845 406 1071

Go to the end of theme.scss file and paste it...

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

Iliasshad
Shopify Partner
31 0 9

You can create your custom cursor using this tool and download the cursor file. After that, upload the cursor in your Shopify theme assets and paste this code into your theme.scss.liquid file or your css file body{ cursor: url({{'cursor.cur' | asset_url }}), auto;}

madebycrop
Visitor
1 0 0

Hi -- Tried using this method but the format of that tool isn't supported in the theme assets uploader.