MEC supports many skins for showing events and you can customize all of them by overriding shortcode skins, and all of them are override-ready!

For example, if you want to customize the grid skin for MEC, then you can simply put the /path/to/modern-events-calendar/app/skins/grid/render.php into /path/to/theme/webnus/modern-events-calendar/app/skins/grid/render.php.

Note 1: /path/to/theme/ means: ~root/wp-content/themes/YOUR THEME-NAME/… and then create a new folder called webnus.

For example, for Deep Theme, it would be like: http(s)://example.com/wp-content/themes/deep/webnus/modern-events-calendar/app/skins/grid/render.php.

Note 2: If you use the free version of Modern Events Calendar, you need to add “-lite” after the plugin name, so the path would be: /path/to/theme/webnus/modern-events-calendar-lite/app/skins/grid/render.php.

You can use the overriding Modern Events Calendar shortcodes skin and do it for all template files of all skins, including single skin that is for showing a single event page, monthly_view, full_calendar, cover, etc.

BTW, we recommend you avoid overriding the files as much as you can and try to make them compatible with your theme using CSS/JS because if you override the files on your theme, then your clients may not be able to use new features of it after MEC automatic update. In overriding the Modern Events Calendar shortcodes skin feature, we’ve created two functions for you to put these codes on this page or anywhere on your site: