--- title: "How to Add a Follow Text Cursor in Elementor?" url: https://theplusaddons.com/docs/add-a-follow-text-cursor-in-elementor/ date: 2025-01-11 modified: 2026-09-14 lang: en author: "Aditya Sharma" description: "A follow text cursor puts a short label next to the pointer — View project, Drag, Read more — and moves it with the pointer. It is the cheapest way..." image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-a-Follow-Text-Cursor-in-Elementor_-1024x536.jpg word_count: 773 --- # How to Add a Follow Text Cursor in Elementor? ## - The Plus Addons for Elementor Pro incluye el widget Mouse Cursor, y con el plugin Pro desactivado el widget no aparece en el editor ni muestra efecto de cursor en una página ya usada. - Mouse Cursor permite crear un Follow Text cursor con Cursor Area en Body o Container, y el texto del rótulo se escribe en Follow Text, que empieza como “Follow Text”. - El rótulo Follow Text se centra sobre el puntero y usa Cursor Left Offset y Cursor Top Offset, ambos con valor predeterminado de 10px, para separarlo del cursor; en cambio, Follow Image cuelga desde la esquina superior izquierda. - Mouse Cursor Click cambia el texto al pasar sobre un enlace con “See More”, pero responde al hover y no al clic; además, el efecto se apaga por completo a 991px de ancho o menos y no bloquea enlaces ni botones debajo. A follow text cursor puts a short label next to the pointer — *View project*, *Drag*, *Read more* — and moves it with the pointer. It is the cheapest way to tell visitors what an image or a panel will do if they click it. *To check the complete feature overview documentation of The Plus Addons for Elementor Mouse Cursor widget, [click here](https://theplusaddons.com/docs/add-a-custom-cursor-in-elementor/).* ***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/mouse-cursor/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Edition:** **Pro** — Mouse Cursor is only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget is not in the editor at all, and a page that already uses it shows no cursor effect and no notice.- **Widget to enable:** Mouse Cursor, switched on under **The Plus Addons > Widgets**.- **Where to drop it:** anywhere inside the container whose cursor you want to change. The widget itself is invisible, so its position on the page does not matter — only which container it sits in.- **Check it on the published page:** the widget draws nothing in the Elementor editor. The panel says so too: *This widget works only at frontend*.- **Desktop only:** every cursor effect is switched off when the browser window is **991px wide or narrower**, so nothing happens on phones and most tablets. ## Add a Follow Text Cursor - Drag the **Mouse Cursor** widget into the container you want the effect in.- Set **Cursor Area** — **Body** for the whole page, **Container** for one band of it.- In **Type**, click the **Follow Text** picture (third in the row). ![Follow Text field shown after picking Follow Text in the Type control](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-follow-text.webp) - Type your label into **Follow Text**. It starts out as the words *Follow Text*.- Publish the page and move the pointer inside the area. ![Web page where a dark pill reading View project follows the pointer over a photograph](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-result-follow-text.webp) ![Recording of a follow text cursor moving with the pointer on a published page](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-text-demo.gif) ## Where the Label Sits The label is **centred on the pointer**. At 600,400 with both offsets at 0, a 116×38 label measured its centre exactly on the pointer. Use **Cursor Left Offset** and **Cursor Top Offset** (both default 10px) to push it off the pointer if it gets in the way. ![Cursor Left Offset and Cursor Top Offset sliders in the Mouse Cursor widget](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-offsets.webp) > *This is the opposite of **Follow Image**, which hangs from its top-left corner. If you swap between the two, expect to redo the offsets.* ## Styling the Label Open the **Style** tab and the **Follow Text** section. ![Style tab of the Mouse Cursor widget with the Follow Text section open](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-follow-text-style.webp) | Setting | What it does | Default | | ------- | ------------ | ------- | | **Text Padding** | Space inside the label, which is what turns it into a pill or a chip. | 10 / 15 / 10 / 15 px | | **Typography** | Font, size, weight and spacing. | 16px, inherited font | | **Text Color** | Label colour. | Black | | **Background** | A solid or gradient behind the label. | None | | **Border** / **Border Radius** | An outline, and rounded corners. | None | | **Text Box Shadow** | A shadow behind the label. | None | If **Cursor Area** is set to **Widget** you get a much shorter section instead — only **Text Size** and **Text Color**. Padding, background and border are not available in that mode. ## A Different Label Over Links Switch **Mouse Cursor Click** on and fill in **Click Follow Text**, which starts out as *See More*. ![Mouse Cursor Click toggle on, with the Click Follow Text field below it](https://theplusaddons.com/wp-content/uploads/2026/09/mousecursor-follow-text-click.webp) The label changes while the pointer is over a link and changes back when it moves off. It responds to hovering, not to a click, so word it as a prompt rather than a confirmation. ![Recording of the Mouse Cursor panel with Follow Text selected and a label typed in](https://theplusaddons.com/wp-content/uploads/2025/01/mouse-cursor-follow-text.gif) ## How It Behaves - The label is hidden until the pointer first enters the area, then follows every move.- It never blocks clicks — links and buttons underneath keep working.- Long labels are not wrapped, so a whole sentence becomes a very wide strip. Keep it to one or two words.- The effect is switched off entirely below 992px of window width. ## Limitations - The widget is Pro only. With the Pro plugin switched off there is no label and no notice.- Nothing happens at **991px** of window width or below.- With **Cursor Area** set to **Widget**, only **Text Size** and **Text Color** are available — no padding, background or border.- **Mouse Cursor Click** reacts to link hover, not to clicking.- There is no fade or easing: the label is repositioned on every mouse move. ## Troubleshooting ### The label does not appear Move the pointer into the area first. It stays hidden until the pointer enters, and the widget draws nothing at all in the editor. ### The label sits on top of the pointer That is where it starts. Raise **Cursor Left Offset** and **Cursor Top Offset** to move it clear. ### It has no background even though I set one Check **Cursor Area**. With **Widget** selected the short style section is used and background is not one of its options. ### The label is far too wide Shorten the text. It is drawn on one line and is not wrapped. ## Related Docs - [Mouse Cursor widget settings overview](https://theplusaddons.com/docs/add-a-custom-cursor-in-elementor/)- [Add a follow image cursor](https://theplusaddons.com/docs/add-a-follow-image-cursor-in-elementor/)- [Change the mouse cursor for a widget](https://theplusaddons.com/docs/change-the-mouse-cursor-for-a-widget-in-elementor/)- [Add a follow circle cursor](https://theplusaddons.com/docs/add-a-follow-circle-cursor-in-elementor/)