--- title: "How to Change the Mouse Cursor for a Row in WordPress?" url: https://nexterwp.com/docs/change-the-mouse-cursor-for-a-row-in-wordpress/ date: 2024-12-16 modified: 2026-09-15 lang: en author: "Aditya Sharma" description: "A custom cursor across a whole site gets tiring; inside one section it reads as deliberate. Setting the cursor area to Row limits it to a single Nexter Container. For..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Change-the-Mouse-Cursor-for-a-Row-in-WordPress_-1024x519.jpg word_count: 407 --- # How to Change the Mouse Cursor for a Row in WordPress? ## Key Takeaways - Mouse Cursor block: Cursor Area set to Row limits the effect to a single Nexter Container, and the block is part of Nexter Blocks Pro. - Nexter Container: The Mouse Cursor block must sit inside the Nexter Container whose row it changes, and it attaches to the nearest Nexter Container section around it. - Limitations: Row and Column targets require a Nexter Container, ordinary Group blocks do not work, and touch screens show none of this because phones and tablets have no cursor. A custom cursor across a whole site gets tiring; inside one section it reads as deliberate. Setting the cursor area to Row limits it to a single Nexter Container. *For every Mouse Cursor setting in one place, see the [Mouse Cursor block guide](https://nexterwp.com/docs/add-a-custom-cursor-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-custom-cursors/) ## Before You Start - **Edition:** **Pro** — the Mouse Cursor block is part of Nexter Blocks Pro.- **Block to enable:** Mouse Cursor, switched on under **Nexter > Blocks** in your WordPress dashboard.- **A Nexter Container** around the section you want to change. ## Steps - Add the **Mouse Cursor** block and click **Design from Scratch**. - Set **Cursor Area** to **Row**. ![The Cursor Area dropdown with Body, Row, Column and Block](https://nexterwp.com/wp-content/uploads/2026/09/mcursor-area.webp) - Put the Mouse Cursor block **inside the Nexter Container** whose row you want to change. - Choose a **Type** and set it up as you would for the whole page. ![The Type dropdown with all four cursor types](https://nexterwp.com/wp-content/uploads/2026/09/mcursor-type.webp) - Publish, then move the mouse in and out of that section. > ***Where the block sits decides what it affects.** For **Body** it can go anywhere on the page. For **Row** and **Column** it must be inside a Nexter **Container**. For **Block** it must come immediately after* the block you want to change. ## How It Behaves - **The cursor changes inside that container and nowhere else.** Measured: a paragraph inside the container computed `cursor: grab` while a paragraph outside it stayed `auto`.- The block attaches itself to the nearest Nexter Container section around it, so it does not matter where in the container you put it.- Every Type works here, not just the plain cursor icon.- Several containers can each have their own cursor, each with its own Mouse Cursor block. ## Limitations - **Pro only.**- **It must be a Nexter Container.** In an ordinary group block or a theme section there is nothing for the block to attach to and nothing happens at all.- To target one block rather than a whole section, use " + a(BLOCK_DOC, "the block area") + "- **Touch screens have no cursor**, so phone and tablet visitors see none of this. ## Troubleshooting ### Nothing changes anywhere The block is not inside a Nexter **Container**. A core Group will not do — there is no matching section for the block to find. ### The cursor changes on the whole page **Cursor Area** is still on **Body**. Set it to **Row**. ### It changes in a bigger area than I wanted The block attached to an outer container. Move it into the inner one, or use the column or block area instead. ## Related Docs - [Mouse Cursor block: all settings](https://nexterwp.com/docs/add-a-custom-cursor-in-wordpress/)- [Change the cursor for a block](https://nexterwp.com/docs/change-the-mouse-cursor-for-a-block-in-wordpress/)- [Follow circle cursor](https://nexterwp.com/docs/add-a-follow-circle-cursor-in-wordpress/) ## Frequently Asked Questions **Q: What do I need before changing the mouse cursor for a row in WordPress?** A: Nexter Blocks Pro is required, because the Mouse Cursor block is part of Nexter Blocks Pro. The block also has to sit inside a Nexter Container, since Row mode attaches to that container instead of the whole page. That setup matters because a core Group block or a theme section gives the cursor block nothing to attach to, so the effect will not appear. **Q: Why does the cursor only change inside one section and not the whole page?** A: Row mode limits the effect to a single Nexter Container, so the cursor changes only inside that container and nowhere else. That is useful when a full-site custom cursor would feel tiring, but one section needs a deliberate hover state. The page notes that several containers can each have their own cursor, so you can scope different areas independently. **Q: How do I stop the mouse cursor change from affecting the whole page?** A: The usual cause is that Cursor Area is still set to Body. For a row-level effect, it needs to be set to Row, which keeps the cursor tied to one Nexter Container instead of the entire page. If it still feels too broad, move the block into the inner container you actually want or switch to column or block area for tighter targeting. **Q: Why does nothing happen when I add the Mouse Cursor block?** A: The block has to be inside a Nexter Container for Row and Column targeting. If it sits in an ordinary Group block or a theme section, there is no matching container for it to attach to, so nothing changes at all. That is why placement matters more than where you publish it on the page. **Q: Can I use different mouse cursors in different sections of the same page?** A: Several containers can each have their own cursor, each with its own Mouse Cursor block. That makes section-by-section styling practical when one part of a page needs a different interaction cue than another. The key detail is that each effect stays attached to its nearest Nexter Container, so separate sections do not bleed into each other. **Q: Does this work on phones and tablets?** A: Touch screens have no cursor, so phone and tablet visitors see none of this effect. That limitation matters because row-level cursor styling is purely pointer-based, not a visual state that translates to touch input. In practice, this makes it best for desktop interactions where hover behavior actually exists.