{"id":4153,"date":"2020-09-04T15:31:39","date_gmt":"2020-09-04T15:31:39","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=4153"},"modified":"2026-04-05T16:41:50","modified_gmt":"2026-04-05T16:41:50","slug":"divi-single-builder-for-mec","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/divi-single-builder-for-mec\/","title":{"rendered":"Divi Single Builder Addon"},"content":{"rendered":"\n<p>The <strong>Modern Events Calendar (MEC) Divi Single Builder Addon<\/strong> is a powerful extension designed to seamlessly integrate with the <strong>Divi theme<\/strong>. It provides a versatile solution for creating and showcasing events by enhancing the <strong>Divi Builder<\/strong> with specialized modules tailored for event management. Users can effortlessly customize single event pages and modal popups to ensure a cohesive design that aligns with their website&#8217;s aesthetic.<\/p>\n\n\n<style>\n        .display_infobox_wrap {\n          border: solid 1px #e3e5e7;\n          padding: 24px;\n          border-radius: 11px;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          flex-direction: row;\n          box-sizing: border-box;\n        }\n        .display_infobox_wrap .infobox-first-col p:last-child {\n          margin-bottom: 0px !important;\n        }\n\n        @media (max-width: 480px) {\n          .display_infobox_wrap {\n            flex-direction: column;\n          }\n          .display_infobox_wrap .infobox-third-col {\n            flex-direction: row !important;\n            width: 100%;\n            margin-top: 30px;\n            gap: 10px;\n            justify-content: space-between !important;\n          }\n          .display_infobox_wrap .infobox-third-col a {\n            width: 50% !important;\n          }\n        }\n\n        .display_infobox_wrap p {\n          font-size: 16px !important;\n          margin-bottom: 10px !important;\n        }\n\n        .display_infobox_wrap a.changelog-url {\n          font-size: 16px;\n          font-weight: bold;\n          color: #43494f;\n          text-decoration: underline;\n        }\n        .display_infobox_wrap a.changelog-url:hover {\n          color: #02b9ff;\n        }\n\n        .display_infobox_wrap .infobox-third-col {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n          row-gap: 10px;\n        }\n\n        .display_infobox_wrap .infobox-third-col a {\n          width: 130px;\n          font-size: 15px;\n          font-weight: 300;\n          border: solid 1px;\n          border-radius: 5px;\n          text-align: center;\n          padding: 5px;\n        }\n\n        .display_infobox_wrap .infobox-third-col a:hover {\n          color: #02b9ff;\n          box-shadow: 0 0 0 1px #b9e5f5;\n          border-color: transparent;\n          background-color: #ecfaff;\n        }\n\n        .display_infobox_wrap .infobox-third-col a.demo-button {\n          border-color: transparent;\n          background-color: #ecfaff;\n        }\n\n        .display_infobox_wrap .infobox-third-col a.demo-button:hover {\n          color: #02b9ff;\n          box-shadow: 0 0 0 1px #b9e5f5;\n        }\n    <\/style><div class=\"display_infobox_wrap\"><div class=\"infobox-first-col\"><p><strong>Requirements<\/strong><br>MEC Lite\/Pro<\/p><p><strong>Latest Version<\/strong><br>1.2.0<\/p><\/div><div class=\"infobox-second-col\"><p><strong>Last Updated<\/strong><br>2025-12-15 15:28:13<\/p><a href=\"https:\/\/www.webnus.net\/modern-events-calendar\/addons\/gutenberg-single-builder\/#changelog\" class=\"changelog-url\" target=\"_blank\">Changelog<\/a><\/div><div class=\"infobox-third-col\"><a href=\"https:\/\/my.webnus.net\/checkout?edd_action=add_to_cart&#038;download_id=34437586&#038;edd_options%5Bprice_id%5D=1\" class=\"buy-now-button\" target=\"_blank\">Buy Now<\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Initial_Setup_Requirements\"><\/span>Initial Setup &amp; Requirements<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Before you begin designing, ensure your environment meets the necessary requirements and the initial settings are configured correctly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Requirements\"><\/span>Requirements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>MEC Lite or Pro:<\/strong> This addon requires Modern Events Calendar (Lite or Pro) version 6.0 or higher.<\/li>\n\n\n\n<li><strong>Addon Activation:<\/strong> Ensure the <strong>Divi Single Builder Addon<\/strong> is installed and activated alongside MEC.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-mec-inline-post-mec-inline-post-block mec-inline-post-container\"><span class=\"mec-inline-icon-before\"><\/span><p class=\"mec-inline-post-text\">Read Also: <\/p><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/installation\/\" class=\"mec-inline-post-link\">How to install MEC and Addons?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Sidebar_Preparation\"><\/span>Sidebar Preparation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To ensure your custom layouts function correctly, you must prepare your sidebar widgets:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance &gt; Widgets<\/strong>.<\/li>\n\n\n\n<li>Add your preferred items to the <strong>MEC Single Sidebar Widget<\/strong>.<\/li>\n\n\n\n<li>Go to <strong>MEC Settings &gt; Single Event &gt; Sidebar<\/strong> to finalize which widgets will be available for your single event pages<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-mec-inline-post-mec-inline-post-block mec-inline-post-container\"><span class=\"mec-inline-icon-before\"><\/span><p class=\"mec-inline-post-text\">Read Also: <\/p><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/mec-single-sidebar\/\" class=\"mec-inline-post-link\">Single Event Sidebar<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_Single_Event_Template\"><\/span>Creating a Single Event Template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>The core of this addon is the ability to build custom layouts using the Divi interface.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_the_Layout\"><\/span>Creating the Layout<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to either <strong>Divi &gt; Divi Library<\/strong> or the <strong>M.E. Calendar menu &gt; Divi Single Builder<\/strong>.<\/li>\n\n\n\n<li>Click to create a new layout.<\/li>\n\n\n\n<li><strong>Mandatory Step:<\/strong> You must choose <strong>\u201cLayout\u201d<\/strong> from the <strong>Layout Type<\/strong> dropdown menu for the template to work with MEC.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1bdff&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"979\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-02.png\" alt=\"Divi Single Builder\" class=\"wp-image-10614\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-02.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-02-300x153.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-02-1024x522.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-02-768x392.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-02-1536x783.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Designing_the_Page\"><\/span>Designing the Page<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Once the layout is created, click the submit button to be redirected to the <strong>Divi Builder<\/strong>.<\/p>\n\n\n\n<p><strong>Customization:<\/strong> You can select pre-designed modules and adjust their styles, colors, and schemes to match your brand.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1c324&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2846\" height=\"1550\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03.png\" alt=\"Divi Single Builder\" class=\"wp-image-10615\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03.png 2846w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03-300x163.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03-1024x558.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03-768x418.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03-1536x837.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-03-2048x1115.png 2048w\" sizes=\"auto, (max-width: 2846px) 100vw, 2846px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1c73d&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"826\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-06.png\" alt=\"Divi Single Builder\" class=\"wp-image-10618\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-06.png 1000w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-06-300x248.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-06-768x634.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Editing Modes:<\/strong> You can design your page using the standard back-end editor or click the <strong>Build On The Front End<\/strong> button for a real-time visual experience.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1caea&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2550\" height=\"1363\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04.png\" alt=\"Divi Single Builder\" class=\"wp-image-10616\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04.png 2550w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04-300x160.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04-1024x547.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04-768x411.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04-1536x821.png 1536w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-04-2048x1095.png 2048w\" sizes=\"auto, (max-width: 2550px) 100vw, 2550px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1ce06&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1125\" height=\"790\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-07.png\" alt=\"Divi Single Builder\" class=\"wp-image-10619\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-07.png 1125w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-07-300x211.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-07-1024x719.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-07-768x539.png 768w\" sizes=\"auto, (max-width: 1125px) 100vw, 1125px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1d0f7&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1531\" height=\"845\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-08.png\" alt=\"Divi Single Builder\" class=\"wp-image-10620\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-08.png 1531w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-08-300x166.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-08-1024x565.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-08-768x424.png 768w\" sizes=\"auto, (max-width: 1531px) 100vw, 1531px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Specialized Modules:<\/strong> When inserting a new module, search for MEC widgets designed specifically for the single event page.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1d432&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"438\" height=\"990\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-05.png\" alt=\"Divi Single Builder\" class=\"wp-image-10617\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-05.png 438w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-05-133x300.png 133w\" sizes=\"auto, (max-width: 438px) 100vw, 438px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-color-2-color has-alpha-channel-opacity has-color-2-background-color has-background is-style-default\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)\"\/>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-color-2-color has-alpha-channel-opacity has-color-2-background-color has-background is-style-default\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)\"\/>\n\n\n\n<p><strong>Multiple event templates:<\/strong> you can design a single template to be used for all event modals or create Multiple unique designs for specific events. Also, this addon allows you to create and customize <strong>event modal popups<\/strong>.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1d7b9&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"877\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-09.png\" alt=\"Divi Single Builder\" class=\"wp-image-10621\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-09.png 1920w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-09-300x137.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-09-1024x468.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-09-768x351.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-09-1536x702.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Assigning_Templates_to_Events\"><\/span>Assigning Templates to Events<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>After your designs are ready, you must tell MEC which templates to display.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Global_Assignment\"><\/span>Global Assignment<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To apply a single template to every event on your website:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>MEC Settings &gt; Single Event &gt; Basic<\/strong>.<\/li>\n\n\n\n<li>Select your desired Divi template from the available options to apply it globally.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1dbd1&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"2049\" height=\"1884\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-10.png\" alt=\"Divi Single Builder\" class=\"wp-image-10622\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-10.png 2049w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-10-300x276.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-10-1024x942.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-10-768x706.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-10-1536x1412.png 1536w\" sizes=\"auto, (max-width: 2049px) 100vw, 2049px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Individual_Event_Assignment\"><\/span>Individual Event Assignment<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you want a specific event to have a unique design:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the <strong>Single Event Edit Page<\/strong> for the specific event.<\/li>\n\n\n\n<li>Locate the <strong>Sidebar<\/strong> settings on the right-hand side.<\/li>\n\n\n\n<li>Choose your preferred unique template from the dropdown menu to override the global setting.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1dfcf&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"576\" height=\"508\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-11.png\" alt=\"Divi Single Builder\" class=\"wp-image-10623\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-11.png 576w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-11-300x265.png 300w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p><strong>Pro Tip:<\/strong> Create multiple templates in the Divi Library to quickly swap designs for different event categories, such as &#8220;Workshops&#8221; vs. &#8220;Conferences&#8221;<\/p>\n\n\n\n<p>Final preview of single event pages after creating a template with the <strong>MEC Divi Single Builder Addon<\/strong>:<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1e336&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1090\" height=\"1899\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-12.png\" alt=\"Divi Single Builder\" class=\"wp-image-10624\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-12.png 1090w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-12-172x300.png 172w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-12-588x1024.png 588w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-12-768x1338.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-12-882x1536.png 882w\" sizes=\"auto, (max-width: 1090px) 100vw, 1090px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-color-2-color has-alpha-channel-opacity has-color-2-background-color has-background is-style-default\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)\"\/>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69d7167c1e767&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1211\" height=\"2737\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13.png\" alt=\"Divi Single Builder\" class=\"wp-image-10625\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13.png 1211w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13-133x300.png 133w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13-453x1024.png 453w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13-768x1736.png 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13-680x1536.png 680w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/divi-single-builder-13-906x2048.png 906w\" sizes=\"auto, (max-width: 1211px) 100vw, 1211px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_Cases_When_This_Addon_is_Useful\"><\/span>Use Cases (When This Addon is Useful)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Brand Consistency:<\/strong> Perfect for users who want their event pages to look exactly like the rest of their Divi-powered website rather than using standard MEC templates.<\/li>\n\n\n\n<li><strong>Unique High-Profile Events:<\/strong> Ideal for creating a one-of-a-kind landing page for a major annual summit while keeping standard layouts for smaller meetings.<\/li>\n\n\n\n<li><strong>Interactive Event Previews:<\/strong> Useful for designing custom modal popups that allow users to view event details quickly without leaving the main calendar view.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Situations_This_Addon_May_Not_Be_Ideal\"><\/span>Situations This Addon May Not Be Ideal<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Non-Divi Users:<\/strong> This addon is specifically built for the Divi ecosystem and will not function with other builders like Elementor or Gutenberg.<\/li>\n\n\n\n<li><strong>Minimalist Setups:<\/strong> If you prefer the default, streamlined look of MEC and do not require custom design flexibility, this addon may add unnecessary complexity to your workflow.<\/li>\n\n\n\n<li><strong>Standard Sidebar Users:<\/strong> If you only use the standard WordPress sidebar and do not wish to use Divi modules to display event data, the basic MEC settings may suffice.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Troubleshooting_for_Beginners\"><\/span>Troubleshooting for Beginners<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Template Not Appearing:<\/strong> Double-check that you selected <strong>\u201cLayout\u201d<\/strong> in the <strong>Layout Type<\/strong> dropdown when creating the template in the Divi Library. Other types (like &#8220;Section&#8221; or &#8220;Row&#8221;) may not be recognized by the MEC assignment settings.<\/li>\n\n\n\n<li><strong>Missing Sidebar Items:<\/strong> If your sidebar appears empty, ensure you have physically added widgets to the <strong>MEC Single Sidebar Widget<\/strong> area under <strong>Appearance &gt; Widgets<\/strong>.<\/li>\n\n\n\n<li><strong>Design Not Updating:<\/strong> If you make changes in the Divi Builder but the live event page doesn&#8217;t update, try clearing your Divi Static CSS File Cache (found in <strong>Divi &gt; Theme Options &gt; Builder &gt; Advanced<\/strong>) or your website\u2019s caching plugin.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-color-2-color has-alpha-channel-opacity has-color-2-background-color has-background is-style-default\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)\"\/>\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 loading=\"lazy\" title=\"Divi Single Builder Addon\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/GGRSK6abPpY?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<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1775406995568\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_start_using_the_Divi_Single_Builder_Addon_with_MEC\"><\/span><strong>How do I start using the Divi Single Builder Addon with MEC?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To use the Divi Single Builder Addon, you first need to install and activate the addon within your WordPress dashboard. After activation, navigate to the MEC settings and select the \u201cDivi Single Builder\u201d option to begin designing your event page layouts. You can then create custom event page layouts using Divi&#8217;s drag-and-drop builder, pulling dynamic content from MEC.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407015927\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_kind_of_dynamic_content_can_I_add_to_my_event_pages_using_Divi\"><\/span><strong>What kind of dynamic content can I add to my event pages using Divi?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The Divi Single Builder Addon allows you to pull dynamic content from your MEC events, such as event title, date, time, location, custom fields, and more. You can place these elements within your Divi layout, enabling event-specific information to be automatically updated as you manage your events.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407028681\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_use_pre-designed_templates_for_my_event_pages\"><\/span><strong>Can I use pre-designed templates for my event pages?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the Divi Single Builder Addon provides pre-designed event page templates that can be used as starting points for your design. These templates are fully customizable, allowing you to match the layout with your website&#8217;s branding and style.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407039783\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_create_separate_layouts_for_different_events\"><\/span><strong>How can I create separate layouts for different events?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>You can create unique event layouts for each category by customizing the layout settings in the Divi Builder. On each single event edit page, you can assign specific Divi layouts to different events, allowing for a more tailored experience for various events.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407050856\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_customize_the_look_of_my_event_pages_beyond_the_pre-designed_templates\"><\/span><strong>Can I customize the look of my event pages beyond the pre-designed templates?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the Divi Single Builder Addon is highly customizable. You can use Divi\u2019s builder to add custom modules, widgets, and design elements to the event pages. This enables you to create a unique design that matches your website&#8217;s aesthetic and provides a great user experience.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407067667\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Are_the_event_pages_built_with_Divi_responsive\"><\/span><strong>Are the event pages built with Divi responsive?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the event pages designed using the Divi Single Builder Addon are fully responsive. The layouts automatically adjust to provide a smooth user experience on all screen sizes, from desktop to mobile devices.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407078604\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_manage_global_design_settings_for_event_pages\"><\/span><strong>How do I manage global design settings for event pages?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The Divi Single Builder Addon allows you to configure default design and layout settings for all your event pages. This ensures consistency across your site without having to manually configure each individual event layout.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407091220\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Is_the_Divi_Single_Builder_Addon_compatible_with_other_MEC_addons_like_the_RSVP_Addon\"><\/span><strong>Is the Divi Single Builder Addon compatible with other MEC addons, like the RSVP Addon?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the Divi Single Builder Addon is fully compatible with other MEC addons, including the RSVP Addon and WooCommerce Addon. This ensures that features like event registration, RSVP management, and ticketing work seamlessly with your Divi-designed event pages.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407102742\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_add_custom_event_widgets_to_my_Divi_event_pages\"><\/span><strong>How do I add custom event widgets to my Divi event pages?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>You can use the custom widgets and modules provided by the MEC plugin to add unique elements to your Divi event pages. Such as event title, date, time, location, custom fields, and more, which can all be inserted into your Divi layout using the drag-and-drop builder.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407116181\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_assign_custom_fields_to_my_Divi_event_pages\"><\/span><strong>Can I assign custom fields to my Divi event pages?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can assign custom fields to your event pages. These can be added directly through the MEC event editor and pulled into your Divi layout using the dynamic content feature. This is useful for including additional information.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407128842\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_use_Divis_custom_CSS_to_style_my_event_pages\"><\/span><strong>Can I use Divi\u2019s custom CSS to style my event pages?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can use Divi\u2019s custom CSS features to apply custom styles to your event pages. The Divi Builder provides a built-in CSS editor that allows you to target specific elements of your event pages and style them according to your preferences.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407143556\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_does_the_Divi_Single_Builder_Addon_improve_the_user_experience_for_event_attendees\"><\/span><strong>How does the Divi Single Builder Addon improve the user experience for event attendees?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>By allowing you to design custom, engaging event pages using Divi, the addon enhances the user experience by providing visually appealing and easy-to-navigate event information. Attendees can easily book, view event details, and purchase tickets, all while enjoying a cohesive and responsive design.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407168726\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_create_event_pages_for_recurring_events_with_Divi\"><\/span><strong>Can I create event pages for recurring events with Divi?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, the Divi Single Builder Addon supports recurring events. When creating a recurring event in MEC, you can design a single layout that will apply to all instances of the event. This ensures consistency across all event pages while saving time on creating individual layouts.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1775407191715\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_make_my_event_pages_SEO-friendly_when_using_the_Divi_Single_Builder\"><\/span><strong>How can I make my event pages SEO-friendly when using the Divi Single Builder?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The Divi Single Builder Addon works seamlessly with Divi\u2019s SEO tools and plugins like Yoast SEO or RankMath. You can add custom meta descriptions, titles, and structured data to each event page, improving visibility and SEO rankings for your events.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>With Divi Single Builder Addon, you can easily create a single event using the Divi Page Builder. It offers a variety of field options that can be rearranged using drag and drop and customized with different styles.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[15],"class_list":["post-4153","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-addons"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/4153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/comments?post=4153"}],"version-history":[{"count":8,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/4153\/revisions"}],"predecessor-version":[{"id":12812,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/4153\/revisions\/12812"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=4153"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=4153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}