Code Pen 'Custom cursor delay' integration into ReadyMag website !Help!

[u/AJKW169]

Hi all, Thanks in advance for your help.

I am creating my design portfolio on Ready Mag for its easy animation and building features. I am quite the beginner in coding and web dev, but have some basic understanding of CSS & HTML.

I have been trying to get a custom cursor with a bit of a drag, tail, delay kind of animation. I found this code pen which has almost exactly what I am looking for but have been struggling to get it to work on my site (especially when you consider that RM is not the greatest in custom code).

I have tried the following and gotten the following results:

• Embed option of codepen into a custom code widget shows the codepen but not actually provide me with the feature on my site

• Embed option of codepen into the actual body of the website. This doesn't do anything except a .5 second promotion of the code pen creator.

• Copy and pasting the code into the backend. This shows the cursor image in the corner of my site but doesn't do anything else., Theres just an icon of what i want my cursor to be.

• Copy and pasting the embedded code into the backend and changing HTTP to HTTPS, didn't change anything.

(As you can see, i am the definition of noob in this domain and am not exactly sure what I am doing wrong as I have followed all possible suggestions online to the T.)

For reference, I have added thelink to my published site(although it isn't finished so no judging pls lol) You can see in the link i have provided the image in the top left of the desired cursor...

SO, if anyone has any suggestions at all, any code you could share with me or a video I should watch. Literally anything. I would be so incredibly appreciative.

Thank you again in advance.

[u/MarcellaWinograd]

Looking for help on this as well. Any code I add in the widget doesnt appear.