See the Wavy Gallery block live on the demo site (opens in a new tab)

Adding the block#

1. Click the “+” (Block Inserter) button.
2. Search for “Wavy Gallery” and select it.
3. Click Upload, Media Library, or drag images onto the placeholder. You can add more images later with the gallery appender.

Settings overview#

Tab	What you control there
General	Image size, gap, and lightbox caption
Design	Container border, lightbox background, and caption style
Advanced	See Common Advanced Settings

General tab#

Display#

Setting	Description
Images Width	Width of each image in the wave, in px.
Images Height	Height of each image, in px.
Images Gap	Space between images, in px.
Show Caption on Lightbox	Shows the image caption (from the Media Library) when the image is open in the lightbox.

Design tab#

Container#

Border and Radius for each image, for example rounded corners.

Lightbox#

Lightbox Background Color: the overlay color behind the enlarged image.

Lightbox Caption#

Text Alignment, Lightbox Caption Text Color, and Typography for the caption.

Advanced tab#

See Common Advanced Settings.

Tips#

• Use images with the same aspect ratio so the wave looks even.
• Add captions in Media → Library (the Caption field) so they show in the lightbox.
• 8 to 15 images usually give a smooth, continuous wave.