Image Hover Card

Image Hover Card combines an image, captions, a link, and hover effects. Use it for a linked project image with an overlaid title or description.

Add and configure Image Hover Card

1. Click Add, choose Image Hover Card, and place it in the container.
2. Choose the image and set Size, Alt, and Lazy Load under Content > Image.
3. Add Captions, choose their Position and Tag, and configure Content > Link.
4. Style Size, Overlay, Effects, and Typography.
5. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Image

Setting	Purpose and options	Behavior
Image	WordPress media.	Shared

Shown when Image is set.

Setting	Purpose and options	Behavior
Size	Registered WordPress or custom image size.	Shared
Alt	Enter the alt.	Shared
Lazy Load	On/off.	Shared

Content > Captions

Setting	Purpose and options	Behavior
Captions	Add, edit, remove, and reorder captions.	Shared
Captions > Text	Visible text.	Shared
Captions > Effect	reveal-up, reveal-down, reveal-left, reveal-right, fade-up, fade-down, fade-left, fade-right, rotate-up-right, rotate-up-left, rotate-down-right, rotate-down-left.	Shared
Captions > Delay	100ms, 200ms, 300ms, 400ms, 500ms, 600ms, 700ms, 800ms, 900ms, 1s.	Shared
Position	Top Left, Top Center, Top Right, Center Left, Center Center, Center Right, Bottom Left, Bottom Center, Bottom Right.	Shared
Tag	h1, h2, h3, h4, h5, h6, Div.	Shared

Content > Link

Setting	Purpose and options	Behavior
Link	Destination and link options.	Shared

Design > Size

Setting	Purpose and options	Behavior
Width	Width.	Responsive

Design > Overlay

Setting	Purpose and options	Behavior
Overlay Color	Color or supported fill.	Shared
Opacity	Set opacity. Range: 0–1.	Shared

Design > Effects

Setting	Purpose and options	Behavior
Image Effect	Zoom In, Zoom Out, Pan Up, Pan Down, Pan Left, Pan Right, Rotate Left, Rotate Right, Blur.	Shared
Border Effect	Center, Vertical, Horizontal, Top, Bottom, Left, Right, Top Left, Top Right, Bottom Left, Bottom Right, Corners, Corners 2, CC 1, CC 2, CC 3, CCC 1, CCC 2, CCC 3.	Shared
Border Width	Border width and unit.	Shared
Border Color	Color or supported fill.	Shared
Transition Duration	Transition duration.	Shared

Design > Typography

Setting	Purpose and options	Behavior
Typography	typography controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting