Scrolling Image

Scrolling Image displays an image with a scrolling presentation and optional caption, icon, and link. Use it to preview a tall image such as a page design.

Add and configure Scrolling Image

1. Click Add, choose Scrolling Image, and place it in the container.
2. Choose Content > Content > Image.
3. Configure Caption, Icon, and Link as needed.
4. Set Design > Image, Icon, Caption, and Spacing.
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
Image	WordPress media.	Shared
Caption	Enter the caption.	Shared
Icon	Icon.	Shared
Link	Destination and link options.	Shared

Design > Image

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Height	Height.	Responsive
Duration	Duration and unit.	Shared
Borders	borders controls.	See linked controls

Design > Icon

Setting	Purpose and options	Behavior
Color	Color or supported fill.	Shared
Size	Size and unit.	Responsive
Hover Offset	Hover offset and unit.	Shared

Design > Caption

Setting	Purpose and options	Behavior
Position	Top, Center, Bottom.	Shared
Full Width	On/off.	Shared
Typography	typography controls.	See linked controls
Background	Color or supported fill.	Shared
Spacing	spacing controls.	See linked controls

Design > Spacing

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

Troubleshooting