Implement Custom cursor

Developer help
1

Hello there! Sorry I’m a newbie to CSS and HTML.

I’m using an hosted version of Ghost and the Liebling theme. I would like to implement a custom cursor in some specific pages / post. Is there a way to do this via code injection?

I have tried injecting the below in the header, but it’s not working

<style>
.body {
  cursor: url('my_url'),auto;
}
</style>

Thank you!

2

Body is a tag, not a class, so you need to remove the .

Unless that theme has a body class… :slight_smile:

3

Thank you Cathy! Yep that shows all my ignorance :smiling_face_with_tear:

I have tried removing the . , but it’s still not working.

I tried injecting both of the below, in both ghost_head and ghost_footer.

Would you have any suggestions?

<style>
body {
  cursor: url('my_url');
    }
</style>



body {
  cursor: url('my_url');
    }
4

Ok I solved it.

For anyone looking into this in the future, code below.

The little extra trick was to resize the picture to a small resolution (100px did it for me, perhaps smaller than that is better):

<style>
    
  body{
  cursor: url(your_url), auto;
}

</style>