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
  • Grid View Shortcode
  • Grid View Skin Layouts

Shortcodes

Grid View Skin Settings

 Grid View Skin in Modern Events Calendar has seven different formats. Each one can be used following your current event plans and the general layout of the website theme.  

Grid View Shortcode

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

Grid View Skin Settings

Grid View Skin Layouts

Here are the demos of Grid View Skin in the Modern Events Calendar:

  • Grid View – Classic
  • Grid View – Clean
  • Grid View – Minimal
  • Grid View – Modern
  • Grid View – Simple
  • Grid View – Colorful
  • Grid View – Novel

Share

Related Articles

  • General Calendar View Skin Settings
  • Tile View Skin Settings
  • Timeline View Skin Settings
  • Masonry View Skin Settings
  • Agenda 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
24 Comments
Ramz September 1, 2020
| |

How to show recent event top in listings

0 0
0
Reply
Sarah Wang September 4, 2020
| |
Ramz How to show recent event top in listings

Hello,
unfortunately, it’s not possible to change the order of the events.
You can set a shortcode for a specified time period.
Go to M.E. Calendar > Shortcodes, in edit page select Start Date options:
Today
Tomorrow
Start of the current month
Start of next month
On a certain date
Some Skins maybe has different options. For example, in Yearly view, you can set the Start of Current Year or certain date for past years, because of its special UI design.

In the Dates section of the shortcode edit you have two options:

Include Expired Events: You have the ability to include past/expired events if you like so it will show upcoming and expired events based on the start date that you selected.
Show Only Expired Events: It shows only expired/past events.
So for a past time period between 2016 to now, for example, you can set 2016 and enable Show Only Expired Events button.

Please also check this link: https://webnus.net/dox/modern-events-calendar/make-advance-shortcode/

0 0
0
Reply
addvaloris August 11, 2020
| |

Hello,
is there a way to change the speed of the carousel in grid view ?
Thx !

0 0
0
Reply
Sarah Wang August 13, 2020
| |
addvaloris Hello, is there a way to change the speed of the c

Hello,
you can edit the “Auto Play Time option” on the shortcode settings.
please check this link.
https://webnus.net/dox/modern-events-calendar/making-advance-shortcodes-in-modern-event-calendar/

0 0
0
Reply
RsReading July 9, 2020
| |

Is there a way to change the featured image size in the Modal popup? I love the rest of the layout but the image is blown up and looks horrible. The Upcoming Events (Grid) is in the sidebar https://rebeccasreadingcorner.blog/

0 0
0
Reply
Sarah Wang July 11, 2020
| |
RsReading Is there a way to change the featured image size i

Hello,
Please put this code in MEC> Settings > Custom CSS :

.mec-single-modal .mec-events-event-image img {
width: 251px !important;
margin-right: auto !important;
margin-left: auto !important;
}

or

.mec-single-modal .mec-events-event-image img {
width: 50% !important;
margin-right: auto !important;
margin-left: auto !important;
}

0 0
0
Reply
Claudio June 24, 2020
| |

Hi, I am using the short code “MEC Id” to display the event calendar, but I realized that for the first event in the list the link does not work and does not open the event page. you can see this on the home page of the “sametica.it” site. Thank you.
Regards

0 0
0
Reply
Sarah Wang June 25, 2020
| |
Claudio Hi, I am using the short code "MEC Id" to display

Hello,
make sure you have 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.

if the issue remains, please go to support.webnus.net and there you can log in or sign up. to create a new ticket, simply head over to webnus.net/support and click on ‘Create a Ticket’ and share the required information.

0 0
0
Reply
JaneHume May 11, 2020
| |

Hi, Is it possible to change the button text, for instance instead of View Details .. Read more?

0 0
0
Reply
Sarah Wang May 18, 2020
| |
JaneHume Hi, Is it possible to change the button text, for

Hello,
You can change those text using a translation plugin.
https://webnus.net/dox/modern-events-calendar/translate-mec/
https://wordpress.org/plugins/loco-translate/

0 0
0
Reply
Load More

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.