- Open the page in the Elementor editor.
- Select the Ultimate Flipbox widget.
- Open the Content tab.
- Expand Layout Settings.
- Locate Event Type.
- Open the Event Type selector.
- Leave the value at Default.
- Preview the hover behavior and click Update to save.
- For Post Flipbox, select that widget and use its Event Type control.
- For Story Flipbox, select that widget and locate Animation Event instead.
How the default behavior works
The frontend JavaScript treats an unset event type as hover, and the stylesheet defines hover states for the supported animation effects. Choosing Click changes the interaction handling to click events instead. If you want the usual pointer-hover transition, keep the selector on its default value rather than searching for a separate Hover setting.
Check touch and keyboard usability
Hover is a pointer interaction, so do not assume it behaves exactly like a tap on every phone or tablet. Test the published page at a touch-sized viewport and make sure important back-side text, buttons, and links remain accessible. If the card’s back contains essential information, do not rely on an untested hover-only experience.
Screenshot to add: the Flipbox preview showing front and back states, alongside the interaction selector set to Default. This is a placeholder, not a captured screenshot.
Related animation settings
For explicit click-based activation, see Configure Click-to-Flip Interaction. You can compare animation styles and adjust the transition duration if the effect moves too quickly or slowly.
Return to Animations and Interaction for related guides.