How can I customize my mouse cursor?

Ask the community
,
6

There 4 options:

  1. If this style is for the whole page, you can add the css to the custom code section (Dashboard > settings).
  2. If it’s a text element, you can use the html property like this:
$w.onReady(() => {
$w('#text1').html = `<p style="cursor: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/happy.png'),auto;font-size:17px";>SOME TEXT</p>`;
})
  1. For other elements - you can create the element in an iframe with CSS.
  2. For other elements you can create the element in a custom element.

Option 1 and 4 are relevant to premium accounts.
Option 2 will work on live sites only.