Cursor Effects

The Cursor Effects extension in Topper Pack lets you replace the default browser cursor with stylish, interactive cursors that enhance user engagement. You can choose from pointer, icon, image, or text-based cursors—perfect for modern, interactive website designs.

🔓 Enable the Feature

Before using cursor effects, you must activate it:

1. Navigate to Topper Pack → Extensions
2. Toggle Cursor Effects to “On”
3. Click Save Settings

🛠️ Cursor Types and Settings

Once enabled, you’ll see a new Cursor Effect panel inside any Elementor widget’s Advanced Tab. You can choose from 4 effect types:

1. Pointer Cursor

• Simple dot/focus-style cursor
• Customize color and size

2. Icon Cursor

• Use any icon (like a shape or symbol)
• Set size, color, and border

3. Image Cursor

• Upload your custom image as a cursor
• Adjust size, border, and radius

4. Text Cursor

• Display any custom label like “View” or “Click”
• Full control over typography, color, background, padding, and border radius

📌 Use Cases

• Highlight CTAs with a text cursor like “Buy Now”
• Create gamified interactions using icon or image cursors
• Add a modern, branded look with a custom image cursor