Masker

Masker applies a mask to a group of child elements. Use it to shape an image or a small content composition.

Add and configure Masker

1. Click Add, choose Masker, and place it in the container.
2. Add the content as children of Masker.
3. Configure Design > Mask.
4. Set Container, Layout, and Spacing to position the masked content.
5. Save your changes.

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.”

Design > Mask

Setting	Purpose and options	Behavior
Shape	Donut, Tv, Waves, Waves 2, Blob, Star 1, Star 2, Star 3, Star 4, Stripes, Pill, Custom.	Shared
Custom Shape	WordPress media. When: Shape = Custom.	Shared
Size	Contain, Cover, Custom.	Responsive
Custom Size	Custom size and unit. When: Size = Custom.	Shared
Position	Set position.	Responsive
Repeat	no-repeat, repeat, repeat-x, repeat-y, space, round.	Shared

Design > Container

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Height	Height.	Responsive
Background	Color or supported fill.	Shared
Padding	spacing controls.	See linked controls
Borders	borders controls.	See linked controls

Design > Layout

Setting	Purpose and options	Behavior
Layout	layout controls. When: Layout is set.	See linked controls

Design > Layout

Setting	Purpose and options	Behavior
Layout	layout controls. When: Layout is unset.	See linked controls

Design > Spacing

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

Troubleshooting