Mask

How to add and style mask parts.

What is a Mask?

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:

Example Masks

Where Can I Use a Mask?

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.

Adding and Editing a Mask

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.

Like many other parts, borders, shadow, opacity, sizes, and spacing can be applied using the property editor on the right, once the mask has been selected.

Changing the Image and the Shape

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.

Changing the Image and the Mask Shape

Related Information

Images

Customizing and formatting