Pointer Events Utility Classes

The theme includes utility classes for controlling pointer events on elements. Add these classes in the Advanced tab under CSS Classes.

Add utility classes in Advanced → CSS Classes

Available Classes

• pointer-events-none - disables pointer events on the element and all its children. Useful for creating non-interactive overlays above interactive content.

• pointer-events-inner-none - disables pointer events only on child elements while keeping the container interactive. Useful for clickable containers with non-clickable content inside.

• pointer-events-links-none - disables pointer events only on links (<a> tags) within the element. Useful for preventing link clicks while keeping other interactions active.

• pointer-events-all - enables pointer events on the element. Use this to override inherited pointer-events: none from parent elements.

• pointer-events-current-all - enables pointer events on the element itself while disabling them on all children. Useful for creating interactive wrappers around non-interactive content.

• pointer-events-inner-all - enables pointer events on all child elements. Use this to re-enable interactions for children of a pointer-events-none parent.