{"id":21251,"date":"2023-08-09T14:52:37","date_gmt":"2023-08-09T11:52:37","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=21251"},"modified":"2025-09-28T13:00:42","modified_gmt":"2025-09-28T10:00:42","slug":"mask-option","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/mask-option\/","title":{"rendered":"Create masks for elements"},"content":{"rendered":"\n<p>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.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Use Elementor&#039;s Mask Option\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/tujmkmuqM0M?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>To add a mask:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select an element.<\/li>\n\n\n\n<li>Click the <strong>Advanced<\/strong> tab.<\/li>\n\n\n\n<li>In the panel, open the <strong>Mask<\/strong> section.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"294\" class=\"wp-image-153840\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png 1494w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field-300x130.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field-1024x442.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field-768x332.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Toggle <strong>Mask<\/strong> on.<br><img decoding=\"async\" width=\"280\" height=\"488\" class=\"wp-image-153847\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-mask-on.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-mask-on.png 305w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/2-mask-on-172x300.png 172w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Use the options to customize the mask.<br><img decoding=\"async\" width=\"680\" height=\"335\" class=\"wp-image-153861\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-use-options-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-use-options-1.png 1647w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-use-options-1-300x148.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-use-options-1-1024x505.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-use-options-1-768x379.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/3-use-options-1-1536x757.png 1536w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Option Controls<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"812\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-options-panel.png\" alt=\"\" class=\"wp-image-153870\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-options-panel.png 303w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/The-options-panel-112x300.png 112w\" sizes=\"(max-width: 303px) 100vw, 303px\" \/><\/figure>\n\n\n\n<p>The mask options are found in the <strong>Advanced Tab<\/strong> of compatible widgets<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Mask<\/strong> &#8211; Toggle this to enable the mask features<\/li>\n\n\n\n<li><strong>Shape<\/strong> &#8211; Choose one of the preset shapes<br>&#8211; Circle<br>&#8211; Flower<br>&#8211; Sketch<br>&#8211; Triangle<br>&#8211; Blob<br>&#8211; Hexagon<br>&#8211; Custom (Upload a custom SVG path file)<\/li>\n\n\n\n<li><strong>Image <\/strong>(When <em>Custom<\/em> is selected)<strong> <\/strong>&#8211;&nbsp; You may upload a custom mask to the media library using .PNG or .SVG format and apply the<strong> custom<\/strong> <strong>shape<\/strong> preset<\/li>\n\n\n\n<li><strong>Fit<\/strong> &#8211; From the dropdown menu, select from the following options:<br>&#8211; Fit<br>&#8211; Fill<br>&#8211; Custom<\/li>\n\n\n\n<li><strong>Position<\/strong> &#8211; Select the mask position from the following options in the dropdown menu:<br>&#8211; Center Center<br>&#8211; Center Left<br>&#8211; Center Right<br>&#8211; Top Center<br>&#8211; Top Left<br>&#8211; Top Right<br>&#8211; Bottom Center<br>&#8211; Bottom Left<br>&#8211; Bottom Right<\/li>\n\n\n\n<li><strong>Repeat<\/strong> &#8211; Choose from the following repeat opinions for your mask:<br>&#8211; No Repeat<br>&#8211; Repeat<br>&#8211; Repeat-X<br>&#8211; Repeat-Y<br>&#8211; Round<br>&#8211; Space<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>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.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b0f1bf452a2bbbbab932e0"],"footnotes":""},"categories":[1440],"tags":[],"class_list":["post-21251","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create masks for elements | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Create masks for elements in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/mask-option\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create masks for elements | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Create masks for elements in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/mask-option\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-09T11:52:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-28T10:00:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1494\" \/>\n\t<meta property=\"og:image:height\" content=\"645\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Create masks for elements\",\"datePublished\":\"2023-08-09T11:52:37+00:00\",\"dateModified\":\"2025-09-28T10:00:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/\"},\"wordCount\":230,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png\",\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/\",\"url\":\"https:\/\/elementor.com\/help\/mask-option\/\",\"name\":\"Create masks for elements | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png\",\"datePublished\":\"2023-08-09T11:52:37+00:00\",\"dateModified\":\"2025-09-28T10:00:42+00:00\",\"description\":\"Learn everything about Create masks for elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/mask-option\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png\",\"width\":1494,\"height\":645},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/mask-option\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Create masks for elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create masks for elements | Elementor","description":"Learn everything about Create masks for elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/mask-option\/","og_locale":"en_US","og_type":"article","og_title":"Create masks for elements | Elementor","og_description":"Learn everything about Create masks for elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/mask-option\/","og_site_name":"Help","article_published_time":"2023-08-09T11:52:37+00:00","article_modified_time":"2025-09-28T10:00:42+00:00","og_image":[{"width":1494,"height":645,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/mask-option\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/mask-option\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Create masks for elements","datePublished":"2023-08-09T11:52:37+00:00","dateModified":"2025-09-28T10:00:42+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/mask-option\/"},"wordCount":230,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/mask-option\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png","articleSection":["Advanced functionality"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/mask-option\/","url":"https:\/\/elementor.com\/help\/mask-option\/","name":"Create masks for elements | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/mask-option\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/mask-option\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png","datePublished":"2023-08-09T11:52:37+00:00","dateModified":"2025-09-28T10:00:42+00:00","description":"Learn everything about Create masks for elements in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/mask-option\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/mask-option\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/mask-option\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/08\/1.-Open-the-mask-field.png","width":1494,"height":645},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/mask-option\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Create masks for elements"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/21251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=21251"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/21251\/revisions"}],"predecessor-version":[{"id":153877,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/21251\/revisions\/153877"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=21251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=21251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=21251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}