Replace the default pointer shape for elements

You have the ability to substitute the default pointer shape of an element by adjusting the pointer value.

Even when the pointer changes upon hovering over an element, the pointer property is designated for the none state of an element. 

Adjusting the pointer shape for an element

1. Opt the element
2. Head to the StylesPanel
3. Scroll to the Effects category
4. Tap on the pointer symbol to select from a variety of pointer choices

Assign a custom pointer for a lightbox link

A lightbox is a link element, therefore, the default pointer on hover is a pointer cursor. Nonetheless, given that a lightbox can be utilized to enlarge images, you may prefer to modify the pointer cursor to a magnify-in pointer.

Assign a custom pointer for inactive links

If your layout contains a button that’s presently inaccessible, you can alter the pointer on that button to the not-permitted pointer. This will indicate to your website visitor that the button is inactive.

Discover more about pointers and other effects.

Devise my own customized pointers

Interested in creating your own playful, custom pointers? Explore A guide to custom pointers in Webflow.