Lay Theme Forum

hi @alessiarodler

you need to code it yourself.

Have a look here!

Add the HTML, JS and CSS in Custom CSS and style the HTML and CSS the way you like.

It's not that difficult :)

Good luck!

Dear Alessia @alessiarodler

The custom mouse cursor must fit into a dimension smaller than 128 x 128 px. I converted your .svg 'green hand' cursor into a .png and made it smaller to test this & it is indeed working as it should.
( Note: much smaller just for testing purposes ) :

Screen Shot 2021-05-21 at 10.48.47 AM.png

Hope this helps & best wishes Alessia, thank you for supporting Lay Theme 🌝

Sincerely Richard

Dear @alessiarodler

Ah yes! :)
You website is down right now i think?

Screen Shot 2020-08-31 at 5.32.52 PM.png

So i cant relate it to something specific on your site but i can send you in the right direction:

So the "hover" function in CSS

https://www.w3schools.com/cssref/sel_hover.asp

You can target any element on a webpage and have something occur when you move the mouse cursor over that element "hover" over it.

So what is happening in
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_icon

Is they have a container that holds two boxes - an image and basically a box that holds a block color,
The image is visible but the Coloured box has an "opacity" of "0" meaning it is invisible, when the mouse cursor 'hovers' over the image, the box is given an "opacity" of "1" making it visible!

This is the basics behind the example you provided,

Let me know further

Best Wishes
Richard