Image Accordion

Image Accordion displays a set of image panels with optional icons, titles, text, and links. Use it to introduce related services or projects through an interactive image layout.

Add and configure Image Accordion

1. Click Add, choose Image Accordion, and place it in the container.
2. Add entries under Content > Content > Images.
3. For each entry, choose its Image, image options, and any Icon, Title, Text, and Link.
4. Configure Design > Layout, Image, and Content.
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 > Content

Setting	Purpose and options	Behavior
Images	Add, edit, remove, and reorder images.	Shared
Images > Image	WordPress media.	Shared

Shown when Images is set.

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

Setting	Purpose and options	Behavior
Images > Icon	Icon.	Shared
Images > Title	Item title.	Shared
Images > Text	Visible text.	Shared
Images > Link	Destination and link options.	Shared

Design > Layout

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Height	Height.	Responsive
Orientation	Horizontal, Vertical.	Shared
Vertical At	Breakpoint. When: Orientation ≠ Vertical.	Shared

Design > Image

Setting	Purpose and options	Behavior
Expand On Hover	Expand on hover and unit.	Shared
Scale On Hover	Set scale on hover. Range: 1–2.	Shared
Overlay	Color or supported fill.	Hover
Overlay Opacity	Set overlay opacity. Range: 0–1.	Hover
Shadow	Shadow offset, blur, spread, color.	Hover
Transition Duration	Transition duration.	Shared
Border Radius	Border radius and unit.	Responsive

Design > Content

Setting	Purpose and options	Behavior
Hide Until Hover	On/off.	Shared
Hover Effect	Fade, Slide Up. When: Hide Until Hover is set.	Shared
Icon Color	Color or supported fill.	Shared
Icon Size	Icon size and unit.	Responsive
Title Typography	typography controls.	See linked controls
Text Typography	typography controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Between Images	Between images and unit.	Responsive
Below Icon	Below icon and unit.	Responsive
Below Title	Below title and unit.	Responsive
Wrapper	spacing controls.	See linked controls

Troubleshooting