{"id":44673,"date":"2024-01-28T11:02:46","date_gmt":"2024-01-28T09:02:46","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=44673"},"modified":"2024-12-16T16:15:50","modified_gmt":"2024-12-16T14:15:50","slug":"show-and-hide-elements-on-a-page-display-conditions","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/","title":{"rendered":"Show and hide elements on a page (Display Conditions)"},"content":{"rendered":"\n<p>Display Conditions allow you to show elements to specific visitors, thus hiding them from others, depending on various criteria . Some examples of this might be:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A blog where you want different images to appear depending on the author of the post.<\/li>\n\n\n\n<li>A homepage where you want the Header content to change depending on the season.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Apply display conditions<\/h2>\n\n\n\n<p><strong>To apply display conditions<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select the element you want to apply display conditions to.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"437\" class=\"wp-image-44675\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png 1104w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31-300x193.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31-1024x658.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31-768x493.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>The element options will appear in the panel.<br><img decoding=\"async\" width=\"680\" height=\"437\" class=\"wp-image-44676\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-32.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-32.png 1104w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-32-300x193.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-32-1024x658.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-32-768x493.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>In the panel, click the <strong>Advanced <\/strong>tab.<br><img decoding=\"async\" width=\"380\" height=\"1066\" class=\"wp-image-44677\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-33.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-33.png 304w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-33-107x300.png 107w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/li>\n\n\n\n<li>In the <strong>Layout <\/strong>section, click the <strong>Display Conditions <\/strong>icon.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"441\" class=\"wp-image-44678\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-34.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-34.png 1204w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-34-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-34-1024x664.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-34-768x498.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Add Condition<\/strong>. Three dropdown menus appear, allowing you to create a display condition.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"438\" class=\"wp-image-44679\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-35.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-35.png 1204w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-35-300x193.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-35-1024x660.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-35-768x495.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>From the dropdown menus, select the desired display conditions.<br>Depending on the chosen condition, the content of the dropdown menus will change.&nbsp; Fill out the condition\u2019s additional dropdowns. For a detailed explanation of the display conditions, see <a href=\"#available\" data-type=\"internal\" data-id=\"#available\">Available display conditions<\/a> below.&nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"438\" class=\"wp-image-44680\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-36.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-36.png 1204w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-36-300x193.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-36-1024x660.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-36-768x495.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Save &amp; Close<\/strong>.<br>[callout type=&#8221;note&#8221;]Your display conditions will not take effect until you either <strong>Save <\/strong>or <strong>Publish <\/strong>the page in the Editor. If you exit the page without saving the display conditions you chose will not be implemented.[\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"224\" class=\"wp-image-44681\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-37.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-37.png 1028w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-37-300x99.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-37-1024x338.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-37-768x253.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n<\/ol>\n\n\n\n<p>For most conditions, you can set more than one value. For example, you can create an <strong>Author<\/strong>&nbsp; condition that an element will appear only when the <strong>Author<\/strong> is either Alex, Francis or Jaime.&nbsp;<\/p>\n\n\n\n<p>[callout type=&#8221;best-practice&#8221;]In general, it\u2019s more effective to use display conditions within a template as seen in the examples mentioned below. Otherwise, you will have to apply conditions individually for each instance.[\/callout].<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Add additional display conditions<\/h3>\n\n\n\n<p>You may want to add more than one display condition. For example, you may want a post to appear if it is categorized as both <strong>Vegan <\/strong>and <strong>Top Pick<\/strong>. When setting up display conditions, you have two choices: AND or OR. If you select AND, Elementor will only show the element if <strong>all <\/strong>conditions are met. If you choose OR, the element will be displayed if it meets <strong>any <\/strong>one of the conditions.&nbsp;<\/p>\n\n\n\n<p><strong>To add an AND display condition<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a display condition as described <a href=\"#apply-display-conditions\">above<\/a>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"438\" class=\"wp-image-47218\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image.png 1201w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-300x193.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-1024x659.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-768x494.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>To the right of the condition, click the <strong>AND <\/strong>button.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"441\" class=\"wp-image-47219\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-1.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-1.png 1198w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-1-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-1-1024x664.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-1-768x498.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>Another display condition field appears.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"407\" class=\"wp-image-47220\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-2.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-2.png 1215w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-2-300x180.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-2-1024x614.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-2-768x460.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Use the fields to add a new display condition.&nbsp;&nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"442\" class=\"wp-image-47221\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-3.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-3.png 1196w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-3-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-3-1024x665.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-3-768x499.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Click <strong>Save &amp; Close<\/strong>.<br>The element will only display if both conditions are met.<\/li>\n<\/ol>\n\n\n\n<p><strong>To add an OR condition<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Create a display condition as described <a href=\"#apply-display-conditions\">above<\/a>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"440\" class=\"wp-image-47222\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-4.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-4.png 1200w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-4-300x194.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-4-1024x663.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-4-768x497.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Under the condition, click <strong>Add Condition group<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"441\" class=\"wp-image-47223\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-5.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-5.png 1198w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-5-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-5-1024x664.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-5-768x498.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>A new condition field appears with an <strong>OR <\/strong>connector.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"439\" class=\"wp-image-47224\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-6.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-6.png 1201w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-6-300x194.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-6-1024x662.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-6-768x496.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Use the fields to add a new display condition.&nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"440\" class=\"wp-image-47226\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-8.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-8.png 1198w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-8-300x194.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-8-1024x663.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/03\/image-8-768x497.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>When you finish adding conditions, click <strong>Save &amp; Close<\/strong>.<br>The element will display if either condition is true.<\/li>\n<\/ol>\n\n\n\n<p>[callout]<strong>Example<\/strong><\/p>\n\n\n\n<p>You can combine the two types of conditions (AND and OR). For example, you may want to display either a Top Pick post <strong>or <\/strong>a vegan recipe written by Blake Gray.<\/p>\n\n\n\n<p><strong>To do this<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Define the category as <strong>Top Pick<\/strong>.<\/li>\n\n\n\n<li>Click <strong>Add condition group<\/strong>.<\/li>\n\n\n\n<li>Define author as <strong>Blake Grey<\/strong>.<\/li>\n\n\n\n<li>Click <strong>AND<\/strong>.<\/li>\n\n\n\n<li>Define Category as <strong>Vegan<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"440\" class=\"wp-image-47250\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/8-Add-another-condition.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/8-Add-another-condition.png 1198w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/8-Add-another-condition-300x194.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/8-Add-another-condition-1024x663.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/8-Add-another-condition-768x497.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><br>[\/callout]<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Available display conditions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">For pages<strong>&nbsp;<\/strong><\/h3>\n\n\n\n<p id=\"available\">Display or hide elements according to who wrote the page or where it\u2019s located in the website hierarchy.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Page parent<\/strong><\/td><td>If you create a website with a hierarchical structure of parent and child pages, you have the option of displaying elements based on their parent page. For example, all pages that are children of the <strong>About Us<\/strong> page, can display a company logo.<\/td><\/tr><tr><td><strong>Author<\/strong><\/td><td>Every page in a WordPress website has an author. You can display elements depending on the author. For example, when creating a single page template, you can create a condition that only pages written by Alex or Jake will display their photos.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Conditions for posts<\/h3>\n\n\n\n<p>Display or hide elements according to who wrote the post, when it was written or how it\u2019s classified.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>In Categories<\/strong><\/td><td>In WordPress sites, posts are generally divided by categories. You can display elements depending upon their categorization. For example, when using this condition in a single post template for all of your posts, you can set that all posts in the category of <strong>France<\/strong>, can display an image of the Eiffel Tower while all posts in the category of <strong>England <\/strong>can display an image of Big Ben.<\/td><\/tr><tr><td><strong>In Tags<\/strong><\/td><td>In WordPress sites, posts are often given tags to help visitors understand the subject matter. In a travel site, for instance, all posts tagged as <strong>Summer <\/strong>can have a countdown widget showing how much longer until the start of summer.<\/td><\/tr><tr><td><strong>Date Modified<\/strong><\/td><td>Display elements according to when they were last changed. For example, all posts changed in the last week can be marked, <strong>Updated<\/strong>.<\/td><\/tr><tr><td><strong>Date of Publish<\/strong><\/td><td>Display elements in a post according to when the post was published. For example, hide the comments section in posts that were published before a certain date&nbsp;<\/td><\/tr><tr><td><strong>Author<\/strong><\/td><td>Every post in WordPress has an author. You can display elements depending on the author. For instance, in a review site, posts written by the movie reviewer can show the video widget while reviews by the restaurant critic can show images.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conditions according to user status<\/strong>&nbsp;<\/h3>\n\n\n\n<p>Display or hide elements according to the status of the person viewing the page.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Login Status<\/strong><\/td><td>Display elements depending on whether or not the user (someone who has a role in building and\/or maintaining the website) or visitor is logged in. For example, showing a discount coupon only to logged in visitors.<\/td><\/tr><tr><td><strong>Role<\/strong><\/td><td>Display elements according to the role a user (someone who has a role in building and\/or maintaining the website) has when working on the site.<\/td><\/tr><tr><td><strong>Registration Date<\/strong><\/td><td>The registration date marks the day a user&nbsp; (someone who has a role in building and\/or maintaining the website) was assigned their particular role. For example, if Alex is assigned a role of admin on September 1, 2024, their registration date is September 1, 2024.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conditions according to date and time<\/strong><\/h3>\n\n\n\n<p>Display or hide elements according to when the page is viewed.<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]Currently the display condition determines the date and time&nbsp;by the date and time of the server where the website is located, not by the date and time on the visitor\u2019s device. Future versions will enable you to use the visitor\u2019s date and time to create conditions.[\/callout]<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Day of the week<\/strong><\/td><td>Display elements depending on what day of the week it is. For example, you could display a <strong>We\u2019re Closed<\/strong> sign on your site over the weekend.<\/td><\/tr><tr><td><strong>Time of day<\/strong><\/td><td>Display elements depending on what time it is. For example, you could have an image of a sun during the day and the moon at night.<\/td><\/tr><tr><td><strong>Current date<\/strong><\/td><td>Display elements according to the date. For example, you can show animations of snow during the winter and sunshine during the summer.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conditions according to archive<\/strong><\/h3>\n\n\n\n<p>Display or hide elements on archive pages according to the classification of the post.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Of Tags<\/strong><\/td><td>For use in templates. Allows you to display elements of posts in a template in accordance with their tags. For example, in an archive page of a clothing store, you can show a <strong>Discount Price<\/strong> banner for everything tagged as <strong>Hat <\/strong>while showing a video of the beach for everything tagged <strong>Swimwear<\/strong>.<\/td><\/tr><tr><td><strong>Of Categories<\/strong><\/td><td>For use in templates. Allows you to display elements of posts in a template in accordance with their categories. For example, in an archive page of a toy store, you can show a cartoon image for all toys categorized as <strong>Kids 3-6<\/strong>, and a clip from a videogame for toys categorized as <strong>Kids 12-16<\/strong>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Conditions <\/strong>according to other statuses&nbsp;<\/h3>\n\n\n\n<p>Display or hide elements according to which page the viewer is coming from.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>From URL<\/strong><\/td><td>Display an element according to where the visitor arrived from. For example, you can add a custom logo to a page that only visitors from an affiliated page will see.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Multiple display conditions<\/h2>\n\n\n\n<p>You can choose multiple display conditions for an element. These will always be connected by an AND logical operator. For example, if you set display conditions as: <strong>Author <\/strong>is Alex Smith, <strong>Current Date <\/strong>is July 3, <strong>Day of the Week<\/strong> is Tuesday, all these conditions must be met in order for the element to display. It will only display on posts by Alex Smith when the date is July 3 and that date falls on a Tuesday.&nbsp;<\/p>\n\n\n\n<p>[callout type=&#8221;warning&#8221;]Because display conditions are dynamic, they do not work well in conjunction with caching. If you use display conditions, we recommend you disable advanced caching or any caching plugins.[\/callout]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Display Conditions allow you to show elements to specific visitors, thus hiding them from others, depending on various criteria . Some examples of this might be: Apply display conditions To apply display conditions: For most conditions, you can set more than one value. For example, you can create an Author&nbsp; condition that an element will [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65b618376fc8655d94208d5f"],"footnotes":""},"categories":[1438],"tags":[1389,1388,1390,1398,1235,1396],"class_list":["post-44673","post","type-post","status-publish","format-standard","hentry","category-manage-your-widgets","tag-advanced","tag-agency","tag-expert","tag-legacy-essential","tag-pro","tag-version-3-19"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Show and hide elements on a page (Display Conditions) | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Show and hide elements on a page (Display Conditions) 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\/show-and-hide-elements-on-a-page-display-conditions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Show and hide elements on a page (Display Conditions) | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Show and hide elements on a page (Display Conditions) in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-28T09:02:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-16T14:15:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1104\" \/>\n\t<meta property=\"og:image:height\" content=\"709\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Show and hide elements on a page (Display Conditions)\",\"datePublished\":\"2024-01-28T09:02:46+00:00\",\"dateModified\":\"2024-12-16T14:15:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\"},\"wordCount\":1443,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Expert\",\"Legacy Essential\",\"Pro\",\"Version 3.19\"],\"articleSection\":[\"Manage your widgets\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\",\"url\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\",\"name\":\"Show and hide elements on a page (Display Conditions) | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png\",\"datePublished\":\"2024-01-28T09:02:46+00:00\",\"dateModified\":\"2024-12-16T14:15:50+00:00\",\"description\":\"Learn everything about Show and hide elements on a page (Display Conditions) in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png\",\"width\":1104,\"height\":709},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#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\":\"Manage your widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Show and hide elements on a page (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\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Show and hide elements on a page (Display Conditions) | Elementor","description":"Learn everything about Show and hide elements on a page (Display Conditions) 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\/show-and-hide-elements-on-a-page-display-conditions\/","og_locale":"en_US","og_type":"article","og_title":"Show and hide elements on a page (Display Conditions) | Elementor","og_description":"Learn everything about Show and hide elements on a page (Display Conditions) in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/","og_site_name":"Help","article_published_time":"2024-01-28T09:02:46+00:00","article_modified_time":"2024-12-16T14:15:50+00:00","og_image":[{"width":1104,"height":709,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Show and hide elements on a page (Display Conditions)","datePublished":"2024-01-28T09:02:46+00:00","dateModified":"2024-12-16T14:15:50+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/"},"wordCount":1443,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png","keywords":["Advanced","Agency","Expert","Legacy Essential","Pro","Version 3.19"],"articleSection":["Manage your widgets"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/","url":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/","name":"Show and hide elements on a page (Display Conditions) | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png","datePublished":"2024-01-28T09:02:46+00:00","dateModified":"2024-12-16T14:15:50+00:00","description":"Learn everything about Show and hide elements on a page (Display Conditions) in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2024\/01\/image-31.png","width":1104,"height":709},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/show-and-hide-elements-on-a-page-display-conditions\/#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":"Manage your widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/manage-your-widgets\/"},{"@type":"ListItem","position":5,"name":"Show and hide elements on a page (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\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/44673","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=44673"}],"version-history":[{"count":13,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/44673\/revisions"}],"predecessor-version":[{"id":54326,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/44673\/revisions\/54326"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=44673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=44673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=44673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}