Hover List

The Hover List widget creates an interactive list where an image or specific content is revealed when a user hovers over an item. Perfect for creative navigation and service sections.

This widget comes free with WPMozo Addons Lite. To use it, simply install and activate the free version of plugin.

How to add widget on page

Once the WPMozo Addons plugin is activated, it adds several widgets to the Elementor builder. To insert the Hover List widget, follow these steps.

1. Create/edit a page/post that uses Elementor builder.
2. Create/edit container.
3. Search widget Hover List under WPMozo.

Overview

Hover lists add a layer of interactivity and surprise to your website’s layout. By revealing images on hover, you can save space while creating a dynamic and engaging experience for your visitors.

Content settings

• List Items: Add and manage multiple list items with individual titles, descriptions, and reveal images.
• Layout: Choose between a Vertical or Horizontal arrangement for your list items.
• Image Reveal: Configure the animation type (Fade, Slide, Zoom) and duration for the image reveal effect.

Style settings

List styling

• Title Typography: Fully customize the font and size of the list item titles.
• Hover Color: Set a specific color for the title when an item is hovered.
• Image Animation: Control the scale and fade effects of the revealed image.
• Item Spacing: Adjust the gap between list items for better visual hierarchy.