wartortle1999

this cursor does not load properly for me on your blog. Flickers in safari and does not load at all in chrome.

I made the pngs myself in photoshop. Any png results in the same flickering effect.

I followed that guide, it results in the same flickering effect

it's supposed to look like windows 98

This does not work for me, I've tried cursors at 22x22, 30x30, and 32x32. They all perform the same with a flickering effect. Screen Recording 2024-07-09 at 6.13.17.mov

here's a video is that helps Screen Recording 2024-07-09 at 6.13.17.mov

this code does not work for me. the cursor flickers as seen in this video: here's my code: body { margin: 0; height: 100vh; cursor: url(https://static1.squarespace.com/static/64dd43868b01661b82e0063c/t/668c9d1912157d7554d4053e/1720491289840/mouse.png), auto; } a:hover{ cursor: url(https://static1.squarespace.com/static/64dd43868b01661b82e0063c/t/668c9d1908b1a378bc5b7c99/1720491289840/hand.png), auto; } Screen Recording 2024-07-09 at 6.13.17.mov

I have the sam issue. the cursor does not load or flickers with movement.

I tried this and it does not work at all. My cursor used to flicker using the following code, but with your code there is not even a flicker, just the default cursor. body { cursor: url(https://static1.squarespace.com/static/64dd43868b01661b82e0063c/t/668c9d1912157d7554d4053e/1720491289840/mouse.png) 15 15, move; }

I also have flickering issues when using custom css

I have the same issue. I have followed 5 different CSS tutorials on youtube / various blogs and none of them work. My guess is squarespace has updated something on the backend that breaks this CSS. I would love to know a workaround that doesn't require me updating my plan for code injection

I have the same issue

I've tried copy/pasting a few pieces of custom code into my page and updating the cursor urls, but none of them will work. At best I get a flickering cursor that flickers between the custom cursor and the system default. I'm wondering if the CSS im using is from before 7.1. Ive tried both 30x30px png and 22x22px png. Either way, would love to get this fixed, using the personal plan if possible (so I dont think I can use javascript) /* Custom cursor for body */ body{ margin: 1 !important; height:10vh !important; cursor: url(https://static1.squarespace.com/static/64dd43868b01661b82e0063c/t/668ca348a54f9335967cd2ad/1720492872949/mouse.png), auto !important; } /* Different Cursor on hover */ a:hover{ cursor: url(https://static1.squarespace.com/static/64dd43868b01661b82e0063c/t/668ca34865b02c4b7f2d444b/1720492872959/hand.png), auto !important; }