Blocks

Image & Gallery


Image Ratio


Both Images and Galleries can use fixed Ratio for images, from 2:1 to 9:16.

Ratio 2:1
Ratio 16:9
Ratio 16:10
Ratio 3:2
Ratio 4:3
Ratio 5:4
Ratio 1:1
Ratio 4:5
Ratio 3:4
Ratio 2:3
Ratio 10:16
Ratio 9:16

Fitting


Within a fixed Ratio, both Images and Galleries support a variety of image Fittings, from Cover (default) to 50%.

An Image with Fitting: Cover & 1:1 Ratio can be set to Round.

Fitting: Cover
Fitting: Contain
Fitting: 90
Fitting: 70
Fitting: 50

Blend


Images can use a wide variety of Blend modes, to for instance multiply the image with your design’s accent color.

Blend: Multiply with Color Accent
Blend: Screen with Color Primary Tint
Blend: Overlay with Secondary Tint

Gallery


Gallery Grid Layout...

Layout: Grid / Columns: 4 / Spacing: Normal / Ratio: 3:2


Gallery Justified Layout...

Layout: Justified / Columns: 4 / Spacing: Normal / Height: Normal


Gallery Masonry Layout...

Layout: Masonry / Columns: 4 / Ratio: 3:2 /


Gallery Slideshow Layout...

Layout: Slideshow / Columns: 3 / Spacing: Normal / Ratio: 5:4


Gallery Horizontal Layout...

Layout: Horizontal / Spacing: Normal / Height: Large