help center

On this page

Create masks for elements

Last Update: February 2, 2024

The Elementor Mask Option allows you to add a mask to any element. Create stylish designs for any element you want like an image, video, Google Maps, and more using the preset shapes. Create your own masks in PNG or SVG formats and upload them for even more possibilities.

Mask Control Options Create masks for elements 1

Option Controls

The mask options are found in the Advanced Tab of compatible widgets

  1. Mask – Toggle this to enable the mask features
  2. Shape – Choose one of the preset shapes
    – Circle
    – Flower
    – Sketch
    – Triangle
    – Blob
    – Hexagon
    – Custom (Upload a custom SVG path file)
  3. Image (When Custom is selected) –  You may upload a custom mask to the media library using .PNG or .SVG format and apply the custom shape preset
  4. Fit – From the dropdown menu, select from the following options:
    – Fit
    – Fill
    – Custom
  5. Position – Select the mask position from the following options in the dropdown menu:
    – Center Center
    – Center Left
    – Center Right
    – Top Center
    – Top Left
    – Top Right
    – Bottom Center
    – Bottom Left
    – Bottom Right
  6. Repeat – Choose from the following repeat opinions for your mask:
    – No Repeat
    – Repeat
    – Repeat-X
    – Repeat-Y
    – Round
    – Space

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article