{"version":"1.0","provider_name":"Knowledgebase","provider_url":"https:\/\/theeventscalendar.com\/knowledgebase","author_name":"Luan Luta","author_url":"https:\/\/theeventscalendar.com\/knowledgebase\/author\/luanluta\/","title":"Customizing Event Data in Elementor - Knowledgebase","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"eyBZM0fd8A\"><a href=\"https:\/\/theeventscalendar.com\/knowledgebase\/customize-elementor-data\/\">Customizing Event Data in Elementor<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/theeventscalendar.com\/knowledgebase\/customize-elementor-data\/embed\/#?secret=eyBZM0fd8A\" width=\"600\" height=\"338\" title=\"&#8220;Customizing Event Data in Elementor&#8221; &#8212; Knowledgebase\" data-secret=\"eyBZM0fd8A\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","thumbnail_url":"https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share.png","thumbnail_width":1200,"thumbnail_height":630,"description":"When you&#8217;re using Elementor with The Events Calendar, the default widgets cover the common cases \u2014 but sometimes you need finer control over which event data appears and how. This article collects snippets for a few common customizations that go beyond what the standard widget settings allow. See also: Show Only the Next Upcoming Instance..."}