Event Calendar: Squarespace text overlaying on event popup

Ask the Community General Questions
1

  • Issue description: Hi everyone - I’m having some trouble that I haven’t run into before with the Event Calendar widget. I have a small grid on a squarespace site, and when I click on an individual event, the popup appears with text from the squarespace site overlaying the event popup. This obviously makes it quite challenging to read the event description. Any ideas?

  • Link to the page with the widget in question: The upcoming special services and events section on this page! https://www.ssaparish.org/

Screenshot 2026-05-09 at 23.17.40
Screenshot 2026-05-09 at 23.17.401920×1200 412 KB

3

Welcome to the Community, @Amanda_Bourne :waving_hand:

Apologies for this inconvenience!

I’ve shared this issue with the devs and will report back once it’s fixed :slightly_smiling_face:

4

Hi there, @Amanda_Bourne :waving_hand:

Thank you for waiting!

We’ve fixed this issue with this CSS code added to each of your widgets:

@external {
  .fe-block:has(.elfsight-app-WIDGET_ID) {
    z-index: 50;
  }
}

We’ve replaced WIDGET_ID in the code with the actual IDs of your widgets.

Please check your website and let me know if everything is fine now :slightly_smiling_face: