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 and 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 MEC Pro version.
You can use shortcodes in your internal pages to have this on your website. The shortcodes are located in M.E.Calendar > Settings > Shortcodes.
If you want convert Masonry to Grid, you can use the “Fit to row” and “Convert Masonry to Grid” options.Here is the demo of Masonry View Skin in Modern Events Calendar:
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?
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?
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.
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/