Skip to content

How to Change the Mouse Cursor for a Row in WordPress?

Key Takeaways

  • Mouse Cursor block is Pro only and is switched on under Nexter > Blocks in the WordPress dashboard before it can change a row cursor.
  • Cursor Area set to Row limits the effect to a single Nexter Container, and the block attaches to the nearest Nexter Container section around it.
  • The cursor changes inside that container and nowhere else, while touch screens have no cursor so phone and tablet visitors see none of this.
Table of Contents

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.

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

  1. Add the Mouse Cursor block and click Design from Scratch.
  1. Set Cursor Area to Row.
The Cursor Area dropdown with Body, Row, Column and Block
  1. Put the Mouse Cursor block inside the Nexter Container whose row you want to change.
  1. Choose a Type and set it up as you would for the whole page.
The Type dropdown with all four cursor types
  1. 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

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Frequently Asked Questions

What do I need before changing the mouse cursor for a row in WordPress?

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.

Why does the cursor only change inside one section and not the whole page?

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.

How do I stop the mouse cursor change from affecting the whole page?

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.

Why does nothing happen when I add the Mouse Cursor block?

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.

Can I use different mouse cursors in different sections of the same page?

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.

Does this work on phones and tablets?

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.

Last reviewed: September 28, 2026

Related Docs