Output full month calendar including event names with shortcode?

[Grant Cummings]

Now that I’ve got shortcodes working again on my website, I need direction on why it is not outputting as it was before. For instance, the Month view is the smaller, Mini-calendar version, without Event Names and in place, dots. (See first screenshot.) In the second screenshot, from our staging website, you’ll see the Calendar was appearing correctly, and differently, before- using the same shortcode.

What has changed? How can I achieve the previous Month full calendar version using a shortcode?

On your website, featuring the Events Calendar Pro, it does show this view correctly. But I cannot find how to output the calendar that way. Please advise!

[Sky]

Hi there!

I’m sorry to hear that you’re having issues with the calendar display. I will try to help you get this sorted.

To get the calendar to display the month view, you would use the following shortcode:


[tribe_events view="month"]


You can read more about using the tribe_event shortcode in this knowledgebase article.

Hope that helps! Please let me know if you have additional questions about using the shortcodes.

Thanks,
Sky

[Grant Cummings]

Hi, thank you for getting back to me!
Unfortunately, that shortcode still is outputting the Calendar incorrectly on my client’s website.
If you view this link: https://transitionslifecare.org/test-page-2/ You’ll see that the Calendar is still appearing with the little dots on days with Events, instead of displaying the name of the Event that day. I am attaching screenshots of:
– What my client sent me, showing the Calendar incorrectly
– This Test Page 2, backend screenshot (Where it shows the shortcode you sent in your last reply)
– The Test Page 2 frontend screenshot, where it shows the output Calendar that the [tribe_events view=”month”] is displaying.

I have no idea why the shortcode isn’t outputting the correctly styled Calendar. Is there some setting I may be missing in the Events Calendar configuration…?
Can someone assist me with resolving this? I can provide a login to your support team as needed. Really hoping to get this issue resolved for my client as quickly as possible.

Thank you in advance and I look forward to your reply!

[Sky]

Hi again,

Thank you for the additional information.

This is strange because your calendar has mobile styles applied to it. I took a look at your CSS, and it seems that you are using a plugin to minify your CSS into a single stylesheet. These styles are from a mobile only stylesheet, which would normally only get loaded if you are on a mobile device. I think what is happening is that these styles are getting added to the main stylesheet for desktop styles by whatever plugin you are using for this.

I suggest temporarily turning this plugin off and clearing any caches and check the page again. You can see if the plugin allows you to exclude any particular stylesheets when it concatenates them, and disable this for the Events Calendar plugins if possible.

Hope that helps! Let me know how it goes.

Thanks,
Sky

[Grant Cummings]

Oh perfect! Thanks so much for looking into this for me. That Minify setting in the Caching plugin DID turn out to be the problem. Once that was turned off, the Calendar appeared correctly.

Thanks again for your help!

[Sky]

Hello,

Great! I’m glad that you were able to get things working!

Please let us know if you have any questions or issues in the future.

Thanks,
Sky

[Author]

Posts