MEC Liquid Layouts is a specialized add-on for the Modern Events Calendar (MEC) plugin, designed to break free from rigid, pre-defined event display templates. If you have ever struggled to make your event listings match the unique aesthetic of your brand or website theme, this tool provides the design freedom you need. By leveraging the power of Elementor, it allows you to construct custom, responsive event layouts that look exactly how you envisioned, ensuring your events page becomes a seamless part of your site rather than an isolated, unstyled section.
Key Features
- Elementor Integration: Build your event layouts using the familiar drag-and-drop interface of Elementor, eliminating the need for custom CSS or complex PHP template overrides.
- Complete Design Control: Customize every aspect of your event display, from typography and colors to spacing and alignment, ensuring a perfect match with your existing design system.
- Dynamic Content Widgets: Access a suite of specialized widgets that pull event data—such as dates, times, locations, organizers, and featured images—directly into your custom designs.
- Responsive Design: Ensure your event listings look stunning on every device, with full control over how your layouts stack and scale on mobile, tablet, and desktop screens.
- Flexible Query Builder: Use advanced filtering options to display specific categories, tags, or event types in your custom layouts, allowing you to create highly targeted event feeds across your site.
- Seamless Integration: Designed specifically for Modern Events Calendar, ensuring that all your event data remains accurate and functional within your custom-built interface.
Use Cases / Who It’s For
MEC Liquid Layouts is built for website owners, designers, and developers who refuse to compromise on aesthetics. If you are managing a high-traffic events portal, a local community hub, or a corporate website, you likely need your event pages to reflect your specific branding guidelines. Instead of settling for the default MEC skin, this plugin empowers you to create bespoke event archives, single event pages, and featured event carousels that captivate your audience.
It is an essential tool for agencies building client sites who need to deliver a polished, professional look without spending hours writing custom code. Whether you are creating a minimalist event listing for an art gallery or a dense, information-rich calendar for a university, Liquid Layouts provides the flexibility to structure your information in the most effective way for your specific user base.
Setup / How It Works
- Install and Activate: Ensure you have both the core Modern Events Calendar plugin and the Elementor page builder installed and active on your WordPress site.
- Create a New Layout: Navigate to the Liquid Layouts section within the MEC menu in your WordPress dashboard to initiate the creation of a new template.
- Design with Elementor: Open the layout in the Elementor editor. You will see a new set of MEC-specific widgets available in your sidebar.
- Drag and Drop: Drag your desired event data widgets onto the canvas. Arrange them, style them, and configure the query settings to pull the specific events you wish to display.
- Assign and Publish: Once your design is complete, assign the layout to your desired event archive or single event page settings within the MEC configuration panel to see your new design live on your site.
Similar Plugins
If you are looking for alternative ways to customize your event displays, you may want to consider other add-ons within the broader WordPress ecosystem. Plugins like The Events Calendar Pro offer their own set of template customization tools, and general-purpose dynamic content plugins such as JetEngine or Advanced Custom Fields (ACF) can sometimes be used to build custom event loops, though these often require a significantly higher technical setup compared to the dedicated, purpose-built approach of MEC Liquid Layouts.
