How to Add a Custom Cursor in Elementor?

Updated onApril 9, 2026By

Key Takeaways

  • Mouse Cursor widget from The Plus Addons for Elementor allows users to add a custom mouse cursor in Elementor.
  • Multiple Cursor Types include options like cursor icon, follow text, follow image, and follow circle.
  • Cursor Area feature enables targeting a custom cursor for specific areas such as column, section, container, widget, or body.
  • The PRO version of The Plus Addons for Elementor is required to access the Mouse Cursor widget.
Table Of Content

Sometimes the default cursor may not align with the design aesthetic of your website. In such cases, adding a custom cursor can elevate the overall user experience and make your website stand out. 

With the Mouse Cursor widget from The Plus Addons for Elementor, you can easily add a custom mouse cursor in Elementor.

LIVE WIDGET LINK

Required Setup

Learn via Video Tutorial

YouTube video

How to Activate the Mouse Cursor Widget?

Go to 

  • The Plus Addons → Widgets 
  • Search the widget name and turn on the toggle.

Mouse cursor activate how to add a custom cursor in elementor? From the plus addons for elementor

Key Features

  • Cursor Area – You can target a custom cursor for a column, section, container, widget and body.
  • Multiple Cursor Types – You can choose from multiple cursor types such as cursor icon, follow text, follow image and follow circle.
  • Two Pointer Type – You can use predefined icons or custom images as a mouse pointer.

How to Use the Mouse Cursor Widget in Elementor?

Add the Mouse Cursor widget from The Plus Addons for Elementor to the page. 

From the Cursor Area dropdown, you have to select the area where you want to add the custom cursor. Here you’ll find five options – 

  • Column – To change the mouse cursor in a column only. This will only work with the old Elementor section layout.
  • Section – To change the mouse cursor in a section only. This will only work with the old Elementor section layout.
  • Container – To change the mouse cursor in a container only.
  • Widget – With this option, you can change the mouse cursor for a widget only.
  • Body – This will change the mouse cursor for the entire body.

Select the option as per your requirements, let’s select the Body here.

Mouse cursor icon custom how to add a custom cursor in elementor? From the plus addons for elementor

Then from the Type dropdown, you have to select the cursor type. Here you’ll find four options – 

Select the option as per your requirements, let’s select the Cursor Icon here. 

From the Icon Type dropdown, you have to select the icon type. Here you’ll find two options – 

  • Predefined – To add predefined icons.
  • Custom – To use a custom image as a mouse cursor.

You’ll find different options to add the cursor based on your selection. Let’s select Custom here.

In the Cursor Icon section, you have to add your image.

Then, by enabling the Mouse Cursor Click toggle, you can add a different mouse cursor image for click.

How to Style the Mouse Cursor Widget?

To style the Mouse Cursor widget, you’ll find all the options under the Style tab. 

Follow Text – You’ll see this option only when the Follow Text type is selected. From here, you can style the cursor’s follow text.

Mouse cursor style how to add a custom cursor in elementor? From the plus addons for elementor

Follow Circle – You’ll see this option only when the Follow Circle type is selected. From here, you can style the cursor’s circle. You’ll see different styling options based on the selected follow circle style.

Advanced options remain common for all our widget, you can explore all it options from here.

View Advanced tab tutorial.

<i>CMO at POSIMYTH Innovations</i> <i>6+ Years of Experience</i> He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.
Linkedin Twitter Globe-americas
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What do I need before starting to add a custom cursor in Elementor?

You need to have the Elementor FREE Plugin installed and activated, as well as The Plus Addons for Elementor plugin. This is a Premium widget, so you must also have the PRO version of The Plus Addons for Elementor.

How can I activate the Mouse Cursor widget?

To activate the Mouse Cursor widget, go to The Plus Addons u2192 Widgets, search for the Mouse Cursor widget, and turn on the toggle. Make sure the widget is activated to use it.

How do I select the area for the custom cursor in Elementor?

You can select the area for the custom cursor by using the Cursor Area dropdown in the Mouse Cursor widget. Options include Column, Section, Container, Widget, and Body, depending on where you want to apply the custom cursor.

What types of custom cursors can I create with The Plus Addons for Elementor?

With The Plus Addons for Elementor, you can create multiple types of custom cursors such as Cursor Icon, Follow Image, Follow Text, and Follow Circle. Each type offers different visual effects for user interaction.

What happens after I complete the setup for the Mouse Cursor widget?

After completing the setup for the Mouse Cursor widget, you can style it under the Style tab. This includes options for styling follow text or follow circle types, as well as advanced options common to all widgets.

Is there a way to create a follow image cursor in Elementor?

Yes, you can create a follow image cursor using The Plus Addons for Elementor by selecting the Follow Image option from the Type dropdown in the Mouse Cursor widget. This allows the cursor to follow a specified image.

Last reviewed: April 9, 2026

Related Docs