Mouse Cursor Follower

How to Access this Panel?

Open the Site Settings panel in Elementor using this guide Accessing Theme Options Panel and select Asli / Mouse Cursor.

Enabling or Disabling Cursor Follower

Use the Enable Mouse Cursor Follower toggle in the panel. Note that the cursor won't appear on touch devices or when a precise input device, such as a mouse, is not available.

Adjusting Cursor Size and Colors

Activate the Style tab in the panel. Use the controls shown in the screenshot below to adjust cursor colors, size, and optional mix blend mode.

Colors from this panel don’t apply?

Please note that it is possible to override cursor color on a specific page, which takes precedence over the global cursor settings. Find more info in this article: Overriding Page Cursor Color

Adjusting Cursor Animation and Effects

Activate the Effects tab in the panel. Use the controls shown in the screenshot below to adjust cursor appearance and behavior.

• Trailing Effect – When enabled, there will be a slight delay in the cursor’s reaction to user mouse movement.
• Elastic Effect – When enabled, the cursor will slightly bend based on the mouse pointer’s speed and direction.
• Highlight Effect – When enabled, the cursor will change its appearance when hovered over a link (<a>) on the page.
• Scale on Click – When enabled, the cursor will scale up or down when the user clicks.