My custom cursor is not working outside of content Options

[EleanorFox]

Hello. So I have this website https://jsfiddle.net/EleanorFoxQueen/sqLd1wxf/2/ and the cursor when moved outside of the body it will be back to the default cursor. Any idea how to fix this? Thankyou so much

Well nothing I tried works so I'll let you know if I have tried your answer or not

[pandy]

How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body.

[EleanorFox]

How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body.

Well the cursor is in the body tag and I set the body width to 100% but it doesn't work. Like just hover it away from the content and the default one will be back. And also how are you not seing my custom cursor? It's a public google drive link 🤔

[Christian J]

How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body.

Well the cursor is in the body tag and I set the body width to 100% but it doesn't work.

No, it's for the DIV #parent, which is only 965px wide. The CSS below is from https://eleanor-bit.neocities.org/

CODE

#parent{
width: 965px;
height: 100%;
white-space: initial;
word-break: break-word;
margin: 0 auto;
padding: 0;
cursor: url("https://drive.google.com/uc?export=download&id=1j1N4eTkIaf_AjdrdtA1UZqt4p39MfFZf"), default;
}

BTW you shouldn't use DIV elements for everything, they lack any semantic meaning.

[EleanorFox]

How do you mean? It doesn't show for body either. You've specified a custom cursor for certain elements. It will show when those elements are hovered, not for other elements. If you want it for the whole page, use cursor with body.

Well the cursor is in the body tag and I set the body width to 100% but it doesn't work.

No, it's for the DIV #parent, which is only 965px wide. The CSS below is from https://eleanor-bit.neocities.org/

CODE

#parent{
width: 965px;
height: 100%;
white-space: initial;
word-break: break-word;
margin: 0 auto;
padding: 0;
cursor: url("https://drive.google.com/uc?export=download&id=1j1N4eTkIaf_AjdrdtA1UZqt4p39MfFZf"), default;
}

BTW you shouldn't use DIV elements for everything, they lack any semantic meaning.

Oh okay. Thankyou so much for y'all help. I'm so dumb -_-

This post has been edited by EleanorFox: Jun 15 2023, 12:41 AM

[Christian J]

Oh okay. Thankyou so much for y'all help. I'm so dumb -_-

You're welcome. We all are.