When this happens it most often indicates that there’s a JavaScript error somewhere else on your page that is interfering with ICS Calendar’s own JavaScript initialization function. Check your inspector and you should get an indication of what’s happening, or if you can share the link to your page, I can check it out for you.
Thanks for the ultra-fast reply! You’re right, there is indeed a JS error:
Paused on exception
Error: Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
I don’t think it has anything to do with ICS but it does seem to halt processing. That might be a headache to troubleshoot, it appears to be in the theme and that may have been abandoned.
So, I won’t be able to circumvent this for now with Custom CSS?
Yeah, it’s not a CSS thing; ICS Calendar uses a lot of JavaScript (jQuery, specifically), so if it’s not this, it’ll be something else.
ICS Calendar doesn’t include jQuery itself though; it’s a built-in part of WordPress, so this seems like it’s bound to cause broader issues on your site; ICS was just the proverbial canary in the coal mine.
Thanks for your help! I’ve got my work cut out then. 🙂
I’m pretty sure Bootstrap 5 is compatible with jQuery 3, so if there’s any way you can update the theme to use a newer version of Bootstrap, it may resolve the issue. (I’m definitely outside the scope of ICS Calendar support here… I just know that a few months ago I built a small standalone site — non-WordPress — that used both of those and I didn’t have any problems.)
No worries, I’m not expecting you to provide support on an unrelated issue.
The theme is still using Bootstrap 3. I’ve managed to update to the latest version of Bootstrap 3 and that seems to have solved some, but not all, of it as Bootstrap 3.4.1 supports jQuery <4. Baby steps…
- This reply was modified 5 hours, 36 minutes ago by .
Just a bit of follow-up to explain why that opacity: 0 is in there in the first place: ICS Calendar loads the entire calendar data set into the page and then uses JavaScript and CSS to selectively show/hide the individual months. So in the initial HTML it has zero opacity so you don’t see a flash of garbage before the calendar is ready to interact with. After the page finishes loading, ICS Calendar fires off a JavaScript function called r34ics_init() that, among other things, removes the zero opacity.