{"id":168688,"date":"2026-06-01T14:44:48","date_gmt":"2026-06-01T11:44:48","guid":{"rendered":"https:\/\/elementor.com\/help\/?post_type=videos&#038;p=168688"},"modified":"2026-06-01T14:44:48","modified_gmt":"2026-06-01T11:44:48","slug":"how-to-show-hide-elements-using-display-conditions","status":"publish","type":"videos","link":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/","title":{"rendered":"How to Show\/Hide Elements Using Display Conditions"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This tutorial explains how to control when elements in Elementor are shown or hidden using Display Conditions. You can use these rules to show content only on specific pages, for certain users, on particular dates or times, or based on post data such as author or category. This helps you personalize content and avoid creating multiple versions of the same page or template.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Control when elements in Elementor are shown or hidden using Display Conditions.<\/p>\n","protected":false},"featured_media":166086,"template":"","meta":{"_acf_changed":true,"_elementor_kustomer_id":[]},"categories":[1434],"tags":[],"class_list":["post-168688","videos","type-videos","status-publish","has-post-thumbnail","hentry","category-build-with-the-editor"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Show\/Hide Elements Using Display Conditions | Help<\/title>\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\/videos\/how-to-show-hide-elements-using-display-conditions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Show\/Hide Elements Using Display Conditions | Help\" \/>\n<meta property=\"og:description\" content=\"Control when elements in Elementor are shown or hidden using Display Conditions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/\",\"name\":\"How to Show\\\/Hide Elements Using Display Conditions | Help\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Thumbnail-background-2.jpg\",\"datePublished\":\"2026-06-01T11:44:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Thumbnail-background-2.jpg\",\"contentUrl\":\"https:\\\/\\\/elementor.com\\\/help\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Thumbnail-background-2.jpg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/how-to-show-hide-elements-using-display-conditions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Videos\",\"item\":\"https:\\\/\\\/elementor.com\\\/help\\\/videos\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Show\\\/Hide Elements Using Display Conditions\"}]},{\"@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\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Show\/Hide Elements Using Display Conditions | Help","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\/videos\/how-to-show-hide-elements-using-display-conditions\/","og_locale":"en_US","og_type":"article","og_title":"How to Show\/Hide Elements Using Display Conditions | Help","og_description":"Control when elements in Elementor are shown or hidden using Display Conditions.","og_url":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/","og_site_name":"Help","og_image":[{"width":960,"height":540,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-2.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/","url":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/","name":"How to Show\/Hide Elements Using Display Conditions | Help","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-2.jpg","datePublished":"2026-06-01T11:44:48+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-2.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/02\/Thumbnail-background-2.jpg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/videos\/how-to-show-hide-elements-using-display-conditions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Videos","item":"https:\/\/elementor.com\/help\/videos\/"},{"@type":"ListItem","position":3,"name":"How to Show\/Hide Elements Using Display Conditions"}]},{"@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\/"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/videos\/168688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/videos"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/videos"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media\/166086"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=168688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=168688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=168688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}