{"id":1964,"date":"2019-11-05T12:09:15","date_gmt":"2019-11-05T12:09:15","guid":{"rendered":"https:\/\/webnus.site\/dox\/?p=1964"},"modified":"2024-02-09T09:16:17","modified_gmt":"2024-02-09T09:16:17","slug":"shortcodes-image-size-in-modern-events-calendar","status":"publish","type":"knowledgebase","link":"https:\/\/webnus.net\/dox\/modern-events-calendar\/shortcodes-image-size-in-modern-events-calendar\/","title":{"rendered":"Shortcodes Image Size in Modern Events Calendar"},"content":{"rendered":"\n

 
To customize the Shortcodes Image Size in Modern Events Calendar, you can utilize shortcodes provided in the Modern Events Calendar plugin. If you are unable to do it on your own, we recommend seeking the services<\/a>. Alternatively, you can follow the instructions for each shortcode mentioned below.<\/p>\n\n\n\n

Note:<\/strong> Please check out this link<\/a> first.<\/p>\n\n\n\n

<\/span>Specify Image Size<\/span><\/h2>\n\n\n\n

To use cropped images in MEC, you need to follow specific sizes. Once you have cropped the images, you can also use full-sized images. To access the “render.php” file, go to the directory and match it with the shortcode skin.<\/p>\n\n\n\n

~root \/ wp-content \/ plugins \/ modern-events-calendar \/ app \/ skins<\/code><\/pre>\n\n\n\n
<\/span>Modify the codes<\/span><\/h2>\n\n\n\n
Search for the “thumbnails” word, then, instead of codes inside of Single Quotation ” ‘ ” use values mentioned in the above link.<\/p>\n\n\n\n
\"Shortcodes<\/a><\/figure>\n\n\n\n
Finally, in your front end, you can use custom CSS to give the desired style.<\/p>\n\n\n\n
Please Note:<\/p>\n\n\n\n
    \n
  1. Kindly note that you need to get back up from your applied changes because, after each update, they all will go back to default.<\/li>\n\n\n\n
  2. \u00a0If you want to keep your changes after updates, follow this article: https:\/\/webnus.net\/dox\/modern-events-calendar\/overriding-shortcode-skins\/<\/a><\/li>\n\n\n\n
  3. You can put your files in the themes\/child_themes directory.<\/li>\n\n\n\n
  4. Pay attention to the changelog. If we updated the shortcode, you must update your codes. (Not with every update)<\/li>\n<\/ol>\n\n\n\n
    \n