getting rid of magnifier cursor

Site URL: https://www.erinncapko.com/

When hovering over the images in my gallery, it always comes up with a magnifier mouse, instead of an arrow or pointing hand, I have Lightbox turned on only so a viewer can click or look through the images at a bigger size, but when i add this code,

/*custom arrow*/
html, body {
     cursor: url(https://juliettebinet.fr/s/Mouse_final_45.png), auto !important;
   }

a {
cursor: url(https://juliettebinet.fr/s/Mouse_final_hover_45.png), auto !important;
}

it turns the magnifier mouse to an arrow cursor, but then when i hover header/page title area, it comes up with I-beam cursor, is there no win win? I just want a normal arrow cursor or pointing hand cursor all around for my website, thanks! 

On 8/3/2021 at 12:22 AM, ec25 said:

Site URL: https://www.erinncapko.com/

When hovering over the images in my gallery, it always comes up with a magnifier mouse, instead of an arrow or pointing hand, I have Lightbox turned on only so a viewer can click or look through the images at a bigger size, but when i add this code,

/*custom arrow*/
html, body {
     cursor: url(https://juliettebinet.fr/s/Mouse_final_45.png), auto !important;
   }

a {
cursor: url(https://juliettebinet.fr/s/Mouse_final_hover_45.png), auto !important;
}

it turns the magnifier mouse to an arrow cursor, but then when i hover header/page title area, it comes up with I-beam cursor, is there no win win? I just want a normal arrow cursor or pointing hand cursor all around for my website, thanks! 

Hi. Try this code

* {
cursor: url(https://juliettebinet.fr/s/Mouse_final_hover_45.png), auto !important;
}

how do you change it to a pointing finger instead of the mouse?