Trouble with cursor:hover

[Edrol97]

Hi all,

I'm so far firing a bit in the dark on how to solve my cursor hover issue. I want to change the cursor hover from a pointer (which seems to be the default on my site despite it not being set in css) to a cursor url across the site. I attach various things that are currently in my CSS that relate. How do I do this?

cursor a:hover{
    cursor: url(img/Cursor%20ideas/Grimace%20cursor.ico)
}

head{cursor: url(img/Cursor%20ideas/Grimace%20cursor.ico), auto;
    user-select: none;
    -webkit-user-drag: none;}

.navigationbar, #navigationbar a:hover {
    background-color: #1e4cad;
    color: white;
    text-decoration: underline;
    font-size: 30pt;
    cursor: url(img/background/cursors/Grimace%20cursor.png)

#timesnavigationbar a:hover {
    color: white;
    text-decoration: underline;
    cursor: url(img/background/cursors/Grimace%20cursor.png)

#navigationbar1 :hover {
    cursor: url("img/Cursor%20ideas/Grimace%20cursor.ico") 2 2;
}

 

[tomliv]

.ico isn't supported as far as I can see. Is your png too big?

cursor CSS property - CSS | MDN

The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

developer.mozilla.org

Did you double-check the paths?

 

[Edrol97]

.ico isn't supported as far as I can see. Is your png too big?

cursor CSS property - CSS | MDN

The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

developer.mozilla.org

Did you double-check the paths?

Same problem remains even when changing to a png file. The paths are correct.

 

[tomliv]

Same problem remains even when changing to a png file. The paths are correct.

WHat about file size? THere are limits mentioned in the link

 

[Johna]

In the documentation @tomliv sent, it says a fallback keyword must be specified, which you don't have except for in the head.

head{cursor: url(img/Cursor%20ideas/Grimace%20cursor.ico), auto;
    user-select: none;
    -webkit-user-drag: none;}

I'm not sure if any of that code is actually going to be applied, might be better to use the html, body or * selector.