{"id":3547,"date":"2020-05-04T09:49:42","date_gmt":"2020-05-04T09:49:42","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=3547"},"modified":"2026-04-06T15:48:48","modified_gmt":"2026-04-06T15:48:48","slug":"mec-fluent-view-layouts-addon","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/mec-fluent-view-layouts-addon\/","title":{"rendered":"Fluent View Layouts Addon"},"content":{"rendered":"\n<p>The <strong>Fluent View Layouts Addon<\/strong> is a powerful design tool for Modern Events Calendar (MEC) that provides over 20 modern, stylish skins to transform the appearance of your event listings. Designed for a seamless user experience, these layouts are fully responsive across all devices and require no coding knowledge to implement.<\/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.7.5<\/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\/fluent-view-layouts\/#changelog\" class=\"changelog-url\" target=\"_blank\">Changelog<\/a><\/div><div class=\"infobox-third-col\"><a href=\"https:\/\/mec.webnus.net\/full-calendar-view-fluent-style\/\" class=\"demo-button\" target=\"_blank\">View Demo<\/a><a href=\"https:\/\/my.webnus.net\/checkout?edd_action=add_to_cart&#038;download_id=34430575&#038;edd_options%5Bprice_id%5D=1\" class=\"buy-now-button\" target=\"_blank\">Buy Now<\/a><\/div><\/div>\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=\"Upgrading How Modern Events Calendar Looks | Fluent View Addon Tutorial\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/QicPJFKMwLs?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=\"Initial_Setup\"><\/span><strong>Initial Setup<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Before you begin, ensure your environment meets the following requirements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>MEC Version:<\/strong> You must have <strong>Modern Events Calendar Lite or Pro<\/strong> installed and active.<\/li>\n\n\n\n<li><strong>System Requirements:<\/strong> Your site must run at least <strong>PHP 7.4<\/strong> and <strong>WordPress 6.0<\/strong>.<\/li>\n\n\n\n<li><strong>Installation:<\/strong> Download the addon from your Webnus account. Navigate to your WordPress dashboard, go to <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>, select the file, and click <strong>Install Now<\/strong> followed by <strong>Activate<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image3-1.png\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"954\" height=\"101\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image3-1.png\" alt=\"Fluent View Layouts\" class=\"wp-image-12815\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image3-1.png 954w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image3-1-300x32.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image3-1-768x81.png 768w\" sizes=\"auto, (max-width: 954px) 100vw, 954px\" \/><\/a><\/figure>\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<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Configuring_Shortcodes_with_Fluent_Styles\"><\/span><strong>Configuring Shortcodes with Fluent Styles<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can apply professional Fluent designs to any new or existing event shortcode to change how events are displayed on your pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image4.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1066\" height=\"268\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image4.png\" alt=\"Fluent View Layouts\" class=\"wp-image-12816\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image4.png 1066w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image4-300x75.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image4-1024x257.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image4-768x193.png 768w\" sizes=\"auto, (max-width: 1066px) 100vw, 1066px\" \/><\/a><\/figure>\n\n\n\n<p><strong>To apply the style to a shortcode:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>M.E. Calendar &gt; Shortcodes<\/strong> and click <strong>Add New<\/strong> or edit an existing one.<\/li>\n\n\n\n<li>Define a title for your shortcode.<\/li>\n\n\n\n<li>Under <strong>Display Options<\/strong>, locate the <strong>Skin<\/strong> dropdown and choose your preferred layout (e.g., Grid View).<\/li>\n\n\n\n<li>In the <strong>Style<\/strong> dropdown, select <strong>Fluent<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Here you can see some examples.<\/p>\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\/making-advanced-shortcodes\/\" class=\"mec-inline-post-link\">How to create an advanced Shortcode?<\/a><span class=\"mec-inline-icon-after\"><\/span><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05.jpeg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1653\" height=\"925\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05.jpeg\" alt=\"Fluent View Layouts Addon\" class=\"wp-image-10649\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05.jpeg 1653w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05-300x168.jpeg 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05-1024x573.jpeg 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05-768x430.jpeg 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-05-1536x860.jpeg 1536w\" sizes=\"auto, (max-width: 1653px) 100vw, 1653px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-palette-color-5-color has-alpha-channel-opacity has-palette-color-5-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06.jpeg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1897\" height=\"937\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06.jpeg\" alt=\"Fluent View Layouts Addon\" class=\"wp-image-10650\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06.jpeg 1897w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06-300x148.jpeg 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06-1024x506.jpeg 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06-768x379.jpeg 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-06-1536x759.jpeg 1536w\" sizes=\"auto, (max-width: 1897px) 100vw, 1897px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-palette-color-5-color has-alpha-channel-opacity has-palette-color-5-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07.jpeg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1785\" height=\"729\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07.jpeg\" alt=\"Fluent View Layouts Addon\" class=\"wp-image-10651\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07.jpeg 1785w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07-300x123.jpeg 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07-1024x418.jpeg 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07-768x314.jpeg 768w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2023\/11\/fluent-addon-07-1536x627.jpeg 1536w\" sizes=\"auto, (max-width: 1785px) 100vw, 1785px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-palette-color-5-color has-alpha-channel-opacity has-palette-color-5-background-color has-background\"\/>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/fluent-view-layouts-addon-masonry-1.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img decoding=\"async\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/fluent-view-layouts-addon-masonry-1.jpg\" alt=\"Fluent View Layouts Addon\" class=\"wp-image-7697\" title=\"\"><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Applying_Fluent_Styles_to_Single_Events\"><\/span><strong>Applying Fluent Styles to Single Events<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>This addon allows you to bypass default layouts and use pre-designed skins for individual event pages to save time.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image2.png\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1160\" height=\"461\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image2.png\" alt=\"Fluent View Layouts Addon\" class=\"wp-image-12817\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image2.png 1160w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image2-300x119.png 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image2-1024x407.png 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image2-768x305.png 768w\" sizes=\"auto, (max-width: 1160px) 100vw, 1160px\" \/><\/a><\/figure>\n\n\n\n<p><strong>To enable for Single Events:<\/strong><\/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>Locate the <strong>Single Event Style<\/strong> dropdown and select <strong>Fluent Style<\/strong>.<\/li>\n\n\n\n<li>You can also adjust the <strong>Single Event Date Format<\/strong> and <strong>Date Method<\/strong> (e.g., Referred date) in this same menu.<\/li>\n\n\n\n<li>Click <strong>Save Changes<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p><strong>Pro Tip:<\/strong> Once enabled globally, any new event you create will automatically use the Fluent skin layout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Global_Customization_Appearance_Settings\"><\/span><strong>Global Customization &amp; Appearance Settings<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>For site-wide design consistency, the addon provides a management section for colors and layout behavior located in <strong>MEC Settings &gt; Appearance<\/strong> under the <strong>Fluent-view Layout Styles<\/strong> section.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image1.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1162\" height=\"1068\" src=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image1.jpg\" alt=\"Fluent View Layouts Addon\" class=\"wp-image-12818\" title=\"\" srcset=\"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image1.jpg 1162w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image1-300x276.jpg 300w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image1-1024x941.jpg 1024w, https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-content\/uploads\/2020\/05\/image1-768x706.jpg 768w\" sizes=\"auto, (max-width: 1162px) 100vw, 1162px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Disable MEC Fluent Layouts height limitation:<\/strong> Enable this checkbox to remove restrictions on layer heights, allowing for more flexible content displays.<\/li>\n\n\n\n<li><strong>Single featured image size:<\/strong> Set a custom <strong>Width<\/strong> and <strong>Height<\/strong>. Leave these fields empty to keep the default 1026&#215;362 crop.<\/li>\n\n\n\n<li><strong>Main Color:<\/strong> Controls primary elements like icons and title hover colors.<\/li>\n\n\n\n<li><strong>Second Color:<\/strong> Manages secondary\/non-main items.<\/li>\n\n\n\n<li><strong>Button Hover Color:<\/strong> Changes the appearance of buttons when a user points to them.<\/li>\n\n\n\n<li><strong>Background Color:<\/strong> Sets the color inside the shortcode and on the sides.<\/li>\n\n\n\n<li><strong>Second Background Color:<\/strong> Manages the background for the filtering section and slider hover buttons.<\/li>\n<\/ul>\n\n\n\n<p><strong>Pro Tip:<\/strong> To revert any color to its original look, simply clear the hex code from the color picker field.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Use_Cases_When_This_Addon_is_Useful\"><\/span><strong>Use Cases (When This Addon is Useful)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Modern Branding:<\/strong> Ideal for websites that need a &#8220;magical&#8221; transformation of their calendar to align with the latest design trends.<\/li>\n\n\n\n<li><strong>Responsive Calendars:<\/strong> Essential for organizers whose attendees primarily use mobile or tablet devices, as all 20+ skins are fully responsive.<\/li>\n\n\n\n<li><strong>Non-Technical Management:<\/strong> Perfect for users who want premium-looking event pages without writing any CSS or HTML code.<\/li>\n\n\n\n<li><strong>Diverse Event Displays:<\/strong> Useful when you need multiple different styles (e.g., Available Spot, Cover View, or Grid View) for different pages on the same site.<\/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><strong>Situations This Addon May Not Be Ideal<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Outdated Environments:<\/strong> This addon will not function on sites running PHP versions lower than 7.4 or WordPress versions older than 5.0.<\/li>\n\n\n\n<li><strong>External Repositories:<\/strong> The plugin is exclusively available via Webnus; it cannot be updated or managed through the standard WordPress.org repository.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Troubleshooting_for_Beginners\"><\/span><strong>Troubleshooting for Beginners<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Style Not Applying to Shortcodes:<\/strong> Ensure that after choosing your skin, you have specifically selected <strong>Fluent<\/strong> from the <strong>Style<\/strong> dropdown menu and clicked <strong>Update<\/strong> or <strong>Publish<\/strong> on the shortcode page.<\/li>\n\n\n\n<li><strong>Update Not Showing:<\/strong> If you don&#8217;t see an &#8220;Update Now&#8221; option in your Plugins list, verify that your addon license is correctly activated. If issues persist, manually download the latest version from your Webnus dashboard and reinstall it.<\/li>\n<\/ul>\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-1746525065247\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_is_the_purpose_of_the_MEC_Fluent_View_Layouts_Addon\"><\/span>What is the purpose of the MEC Fluent View Layouts Addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The MEC Fluent View Layouts Addon is designed to enhance the Modern Events Calendar (MEC) by providing over 20 modern and stylish layouts for displaying events. It allows users to transform the appearance of their event listings, shortcodes, and single event pages without requiring any coding skills. The addon improves design flexibility, ensures full responsiveness across all devices, and offers a user-friendly customization interface, making it easier to create visually appealing event calendars that align with different website themes and branding.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525080703\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_install_and_activate_the_MEC_Fluent_View_Layouts_Addon\"><\/span>How do I install and activate the MEC Fluent View Layouts Addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>A: Ensure that you have the latest version of the Modern Events Calendar (MEC) Lite or Pro installed. Download the Fluent View Layouts Addon from your Webnus account, then navigate to your WordPress dashboard. Go to <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>, select the downloaded file, and click &#8216;Install Now.&#8217; After installation, activate the addon to start customizing your event layouts.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525109952\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Can_I_apply_Fluent_View_Layouts_to_existing_event_shortcodes\"><\/span>Can I apply Fluent View Layouts to existing event shortcodes?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can. Edit your existing shortcode by navigating to the Shortcodes page in MEC, selecting the shortcode you wish to modify, and setting the &#8216;Style&#8217; option to &#8216;Fluent.&#8217; This will apply the new Fluent Style to your existing shortcode.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525130887\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Are_the_Fluent_View_Layouts_responsive_on_all_devices\"><\/span>Are the Fluent View Layouts responsive on all devices?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Absolutely. The Fluent View Layouts are designed to be fully responsive, ensuring that your events and calendars display correctly on desktops, tablets, and mobile devices, providing a consistent user experience across all platforms.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525139938\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_can_I_customize_the_appearance_of_single_event_pages_using_this_addon\"><\/span>How can I customize the appearance of single event pages using this addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To customize single event pages, go to <strong>MEC Settings &gt; Single Event &gt; Basic, <\/strong>select the Fluent Style from the available options in the Single Event Style section, and save your changes to apply the new design to your event pages.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525173204\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Do_I_need_coding_knowledge_to_use_the_Fluent_View_Layouts_Addon_effectively\"><\/span>Do I need coding knowledge to use the Fluent View Layouts Addon effectively?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>No, the addon is designed for users without any coding experience. It offers a user-friendly interface where you can select and apply different skins through dropdown menus and settings within your WordPress dashboard, making customization straightforward.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525192719\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Where_can_I_find_support_if_I_encounter_issues_with_the_addon\"><\/span>Where can I find support if I encounter issues with the addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>If you experience any difficulties or have questions, you can visit the Webnus Help Center, which offers comprehensive guides and support articles. Additionally, you can submit a support ticket through the support system to receive personalized assistance from the support team.<br \/><a href=\"https:\/\/support.webnus.net\/en\/tickets-portal\" target=\"_blank\" rel=\"noreferrer noopener\"><a href=\"https:\/\/support.webnus.net\/en\/\">https:\/\/support.webnus.net\/en\/<\/a><\/a><\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525275987\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"How_do_I_update_the_Fluent_View_Layouts_Addon_to_the_latest_version\"><\/span>How do I update the Fluent View Layouts Addon to the latest version?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To update the Fluent View Layouts Addon, go to your WordPress dashboard and navigate to <strong>Plugins &gt; Installed Plugins<\/strong>. If an update is available, you will see an option to update the plugin. Click the Update Now button to ensure you are using the latest version with bug fixes and improvements. If a plugin update is unavailable, you may not have activated the addon license correctly, or you might be using an outdated version and need to manually download this addon through the Webnus dashboard and reinstall it.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525297470\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"What_are_the_system_requirements_for_using_the_MEC_Fluent_View_Layouts_Addon\"><\/span>What are the system requirements for using the MEC Fluent View Layouts Addon?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>The <strong>MEC Fluent View Layouts Addon<\/strong> requires the Modern Events Calendar Lite\/Pro plugin (version 6.0 or higher). You also need a WordPress site running at least PHP 7.4 and WordPress 5.0.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1746525320453\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \"><span class=\"ez-toc-section\" id=\"Does_the_Fluent_View_Layouts_Addon_also_work_with_MEC_Lite\"><\/span>Does the Fluent View Layouts Addon also work with MEC Lite?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Yes, you can use the Fluent View Layouts Addon with either MEC Lite or Pro.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>With Fluent View Layouts addon, you can easily customize the appearance of your events and shortcodes. Enjoy a seamless experience with its new user interface and user experience.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[15],"class_list":["post-3547","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\/3547","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=3547"}],"version-history":[{"count":15,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/3547\/revisions"}],"predecessor-version":[{"id":12839,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase\/3547\/revisions\/12839"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/media?parent=3547"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/webnus.net\/dox\/modern-events-calendar\/wp-json\/wp\/v2\/knowledgebase_cat?post=3547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}