Mask
How to add and style mask parts.
Last updated
Was this helpful?
How to add and style mask parts.
Last updated
Was this helpful?
A mask is a container that houses an image, and crops the image to various shapes.
Location in the Parts Library: Base Parts > Layout > Mask
There are several different shapes to choose from:
A mask can be used anywhere you would use an image. With that being said, don't overdo it with the shapes! They should be used where it makes sense in your overall page design and should be in keeping with your brand elements and/or product offering.
To add a mask, select the part where you’d like to add your mask go to Base Parts > Mask, select your preferred mask, and click ‘+’.
Once you've added your mask, select the mask to open the mask property editor on the right.
Click on Image > Value Set to select your image from the Media Gallery or upload an image from your device.
Click on Shape > Value Set to reveal the mask shapes available, and select your preferred shape.
Like many other parts, , , , , and can be applied using the property editor on the right, once the mask has been selected.
Images
Customizing and formatting