Only dots in monthly view

Hi @nimmerdk, it seems like this view is already v2, but there are Javascript errors that are causing some issues. I also suspect that this could be due to caching, I could see that you’re using Cloudflare. Could you try clearing cache via Cloudflare and any third-party caching plugins?

Let me know if that makes a difference. I’d be glad to help you out further.

Best,
Abz

Hi Abz,

I’ve tried clearing all caches – both on the site and on my host, but it doesn’t seems to fix the problem ??

Best regards

nimmer

Hi @nimmerdk, thanks for getting back to me here. I suspect there’s a conflict here that’s causing the issue.

Could you try deactivating all other plugins except for our plugins to see if that makes a difference and make sure that the plugins are up-to-date? Moreover, could you switch to the default theme? Please read the Testing for Conflicts article before doing anything. https://theeventscalendar.com/knowledgebase/k/testing-for-conflicts/

We’d recommend conducting these tests on a Staging Server. I would also suggest using a third-party plugin, Health Check Plugin — this plugin can be really helpful when testing for conflicts. https://www.ads-software.com/plugins/health-check/

Let me know how it goes on your end.

Best,
Abz

Hi,

If I change to the default theme (twenty-twenty-two) the calendar looks as it should so I guess it’s something with the theme I use to do.
I read somewhere it might be something about the themes width, and someone posted som custom css or php-code that should fix this, but I have no idea where to put this code.

TIA
nimmer

Hi @nimmerdk, could you share the code or the URL of the thread here as well so I could verify and replicate it?

Moreover, you could also try installing this third-party plugin that allows you to insert code snippets on your website → https://www.ads-software.com/plugins/code-snippets/.

Looking forward to helping you further with this one, Nimmer.

Best,
Abz

Hi again,

This is the thread I’m referring to: https://www.ads-software.com/support/topic/month-display-shows-dots-not-events/

But I have no idea how to implement what’s suggested in this thread.

TIA

nimmer

Hi @nimmerdk, thanks for sharing the thread here. This might not also apply in your case.

Let’s see what we can do. I investigated further and I was able to change the behaviour of your theme via Custom CSS and show the calendar. I’d recommend doing a Custom CSS. Go to Appearances → Customize → Additional CSS and insert this Custom CSS here:

.post-type-archive-tribe_events .pagecontainer {
  padding: 0 !important;
  max-width: 100% !important;
}

See the screen recording here:
https://share.getcloudapp.com/v1uQKj7P

Please clear your browser cache or any third-party plugin for caching after applying the snippet.

Let me know how it goes on your end.

Best,
Abz

Hi again,

I’ve tried what you wrote and initially it didn’t work. I tried in several browsers and different OS’es. The suddenly it worked. But only for a short while.

Then I found out that it works if I resize my browser window – but as soon as I reload the page it’s back to the dots. And this happens both with and without the custom CSS you send me.
So how can this be? And how to fix it? See the following clip: https://share.getcloudapp.com/kpuWBqvN

Best regards
nimmer

Hi @nimmerdk, I see. That’s the correct behavior since your theme only supports the smaller view which is by default the tablet view which triggers the responsiveness. If we also disable the responsiveness it wouldn’t be functional on mobile/tablet.

I could suggest either changing the theme you’re using or we could try setting the page container wider by default via Custom CSS.

Here’s the custom CSS snippet here, please browser cache:

.post-type-archive-tribe_events .tribe-common-l-container.tribe-events-l-container {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
.post-type-archive-tribe_events .maincontainer {
  max-width: 100% !important;
}

See the screen recording here, I tested it out with different browsers:
https://share.getcloudapp.com/Qwud6QxN

Let me know how would you like to proceed.

Best,
Abz

Hi Abz,

I doesn’t help other than ruining the layout on my calendar page. I still get the dots in the default view and have to resize the browser before getting the events visible.

I might start to implement a new theme although it’s a big task.

One question: Do I need to put a dot before the post-type-archive-tribe_events and post-type-archive-tribe_events or not? In your codesnippet you have it.

Best regards

nimmer

Hi @nimmerdk, sorry to hear about this. Yes, moving to another theme is perhaps the route you could take as your current layout has small spacing for any content.

One question: Do I need to put a dot before the post-type-archive-tribe_events and post-type-archive-tribe_events or not? In your code snippet, you have it.

Yes, the dots “.” are selector for classes and “#” are selector for IDs in CSS. See reference here: https://www.w3schools.com/cssref/sel_class.asp

Please do not hesitate to contact us again if you have already transferred across to another theme or if you need help with another issue.

Have a good weekend ahead.

Best,
Abz

Hey @nimmerdk, this thread has been inactive for a while, so we’re going to go ahead and mark it Resolved. Please feel free to open a new thread if any other questions come up, and we’d be happy to help.

Cheers,
Abz