Skip to content
No results
MEC Knowledgebase
  • Installation
    • Installation
    • Activation
    • Auto Update
    • Manual Update
    • Change License Domain
  • Settings
    • General
    • Archive Page
    • Slugs/Permalinks
    • Currency
    • View All
  • Single Event
    • Single Event Settings
    • How to Add Event In MEC Plugin?
    • MEC Single Sidebar
    • Custom Fields
    • View All
  • Event Modules
    • Speakers
    • Organizers
    • Locations
    • Map
    • View All
  • Booking Settings
    • Booking Module
    • Booking Elements
    • Booking Form
    • Payment Gateways
    • View All
  • Event Submission
    • General
    • Access Level
    • FES Sections
    • Required Fields
    • View All
  • Integrations
    • Mailchimp
    • Paid Memberships Pro
    • BuddyPress
    • LearnDash
    • View All
  • Notifications
    • Booking Notification
    • Booking Confirmation
    • Booking Reminder
    • Admin Notification
    • View All
  • Addons
    • Elementor Single Builder Addon
    • Ticket and Invoice Addon
    • Event Seat Addon
    • Virtual Events Addon
    • View All
  • Other
    • Appearance Settings
    • Translation
    • Knowledge
    • Troubleshooting
    • Developer
MEC Knowledgebase

  • Categories
    • Installation
      • Installation
      • Activation
      • Auto Update
      • Manual Update
      • Change License Domain
    • General Settings
      • General
      • Archive Pages
      • Slugs/Permalinks
      • Currency
      • View All
    • Single Event
      • Single Event Settings
      • MEC Single Sidebar
      • How to Add Event In MEC Plugin?
      • Custom Fields
      • View All
    • Event Modules
      • Speakers
      • Organizers
      • Locations
      • Map
      • View All
    • Booking Settings
      • Booking Module
      • Add a Booking System
      • Booking Form
      • Organizer Payment Settings
      • View All
    • Event Submission
      • General
      • Access Level
      • FES Sections
      • Required Fields
      • View All
    • MEC Integrations
      • Mailchimp
      • BuddyPress
      • LearnDash
      • Paid Memberships Pro
      • View All
    • Notifications
      • Booking Notification
      • Booking Confirmation
      • Booking Reminder
      • Admin Notification
      • View All
    • Addons
      • Elementor Single Builder Addon
      • Ticket and Invoice Addon
      • Event Seat Addon
      • Virtual Events Addon
      • View All
    • Other
      • Appearance Settings
      • Translation
      • Knowledge
      • Troubleshooting
      • Developer

Submit a Ticket
MEC Knowledgebase

Toggle
  • Masonry View Skin Shortcode
  • Masonry View Skin Layout

Shortcodes

Masonry View Skin Settings

 Masonry View Skin, in simple terms, is a smart grid view. This display takes advantage of the space inside the page since it requires no specific height or width. Additionally, you can set an extract of the required information about each event aligned with the location and date below the picture of the event. 

Note: This skin is only available in the MEC Pro version.

Masonry View Skin Shortcode

You can use shortcodes in your internal pages to have this on your website. The shortcodes are located in M.E. Calendar > Shortcodes.

If you want to convert Masonry to Grid, you can use the “Fit to row” and “Convert Masonry to Grid” options.

Masonry View Skin

Masonry View Skin Layout

Here is the demo of Masonry View Skin in the Modern Events Calendar:

  • Masonry View

Share

Related Articles

  • General Calendar View Skin Settings
  • Tile View Skin Settings
  • Timeline View Skin Settings
  • Agenda View Skin Settings
  • Available Spot View Skin Settings

Report Out Dated Content

If you think the content of this page does not reflect updated information, please let us know.

Report Now
Login Submit
4 Comments
Lisa May 27, 2020
| |

Hi, 
I am using the Themeco Pro Theme for my website and added the Masonry View (by using the shortcode in a text field). For 2 events everything works fine, but now I added a third event and the first 2 are in one row, the third in the next row (even though there is some space in the first row). Is there any way how to fix this?

0 0
0
Reply
Sarah Wang June 1, 2020
| |
Lisa Hi,  I am using the Themeco Pro Theme for my webs

Hello,
update MEC to the latest version.
For troubleshooting, deactivate all your plugins and let the MEC remain active only, set your theme on default, then reload the page, if the issue was solved, then activate your plugins one by one and your theme, refresh your page and check to see which plugin is causing the issue and Please keep us informed.

if the problem remains, please go to support.webnus.net and there you can log in or sign up. You should sign up with the same email you have created your tickets. to create a new ticket, simply head over to webnus.net/support and click on ‘Create a Ticket’ and share the required information.
sending screenshots or a short video and live URL of the issue would be helpful.
explain to us step by step how you set up this and how the issue happens?
https://www.loom.com

0 0
0
Reply
Sined November 11, 2019
| |

Hello!
Is it possible to change stiles of themes for fonts (not Google but like in my own design), colours and fills of buttons and etc? For example when I’ m using elementor builder for my site.

0 0
0
Reply
Doris Cooper November 16, 2019
| |
Sined Hello! Is it possible to change stiles of themes f

Hello,

You can use the https://webnus.net/deep-premium-wordpress-theme-documentation/inspect-element/ to set a custom CSS code – Also, we’ll release a shortcode builder add-on with visual styler with Elementor free: https://webnus.net/modern-events-calendar/elementor-shortcode-builder/

0 0
0
Reply

Still no luck? We can help!

If you did not find what you were looking for, please submit a ticket in our support system.

Submit a Ticket
Webnus Banner
Modern Events Calendar

Please read our Terms and Conditions and Privacy Policy.

Review us on Trustpilot

Copyright © 2023. All rights reserved. Webnus Inc.