Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Setting timezones for individual events


Recommended Posts

Site URL: http://queerladymagician.com

I'm making event pages for a tour I'm going on soon. As it takes place in a different country to where I currently live, the timezones would be very different. Yet from the SquareSpace guides it looks like the timezone for events is set to my local timezone - which is going to be a problem for people who want to save the event to their own calendar!

Is there a way to set the timezone for each event based on the location of the event itself?

Link to post
  • 2 months later...
  • Replies 11
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

* Based on my above suggestion, I'm providing code for you.  Just tell the client "Set every event Start/End time based on your own timezone". Then add that three-letter tag to the CSS. Live

Site URL: http://queerladymagician.com I'm making event pages for a tour I'm going on soon. As it takes place in a different country to where I currently live, the timezones would be very different

SAME! We need help with this. Did anybody figure it out?

Posted Images

  • 2 weeks later...

I'm wondering the same thing. The SquareSpace docs indicate that it's stuck on the local time of the publisher and doesn't automatically convert for a page visitor from a different time zone. "Start and end time. These are based on the time zone set in Language and Region Settings, and won't change based on a visitor's time zone."

If we're lucky, I'll assume that visitors can download a calendar invitation that may convert to local time. But for a general visitor, many events may look like they take place at a crazy time (for example, 3 a.m. Atlanta instead of 9 a.m. Paris). 

I'm surprised that we can't either customize the time as we publish or the site can't ask for location services to automatically convert to visitors' local timezones.

Link to post
  • 2 weeks later...
  • 2 months later...

I'm in the same boat, as my organization's events are now almost entirely virtual. I chatted with customer support about this today with no new insights.

Currently, as a workaround, I think I'm going to switch to setting up my events as blog posts. I'll set the event date as the publish date but still publish the "blog post" well in advance of the event. (For instance, I can publish an event's "blog post" today with the supposed publication date of Sept. 20, so Sept. 20 will appear as the date below the event/"blog post" title. Then I'll just manually create Google Calendar links and add those, and type in the time, timezone, and the fact that it's virtual near the top of the "blog post." It's not a great solution, but it's the best workaround I've come up with. Since blogs, like events, are collections, this will still allow me to have "blog post" events feed into summary blocks elsewhere on my site. 

Link to post

Actually, my workaround will be problematic, as summary blocks display events in chronological order (with next upcoming event at the top) and blog posts in reverse chronological order (with most recently published at the top). Sad day!

Link to post
  • 4 weeks later...

I need time zone support, too. I live in the USA but my website is about Italy and all of my online events need to be able to display time for the viewer, not for me the creator. 

Link to post
  • 2 months later...
  • 4 weeks later...

I'm thinking that the only workaround will be to add a "Pseudo Element" via CSS that places the text "EST" (timezone) — and tell the client that all times added should be added IN YOUR OWN TIMEZONE. Then all listed times will appear with a trailing EST. 

If you know CSS, and how to inspect the code, you should be able to identify what element to override. 

More pseudo element information— applying content using "::after" can be found here: https://css-tricks.com/almanac/selectors/a/after-and-before/ 

Link to post

* Based on my above suggestion, I'm providing code for you. 

Just tell the client "Set every event Start/End time based on your own timezone". Then add that three-letter tag to the CSS.

Live site: https://www.oliversacksdoc.com/events
Using "MOJAVE", the 7.0 template (based on Brine).  

You can see below (in my screenshot) where each of these elements will appear.

.eventlist-datetag span.event-time-12hr::after {
  content: "EST";
  padding-left: 4px;
  font-size: 12px;
  font-weight: bold;
}

.event-time-12hr-end::after {
  content: "Timezone: EST";
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
}

Image 2020-12-17 15-44-39.png

Edited by Alan-Squareflair
Added a link, yo.
Link to post
  • 2 months later...

@Alan-Squareflair When I insert that code, it shows up on the list view, but I would also like it to show up on the Calendar view. Currently, if I hover over the date of the event on my calendar, it shows the title of the event and the time, but without the timezone after. If I open the event, then I get the "Timezone: EST" after the time. Is there a way you know of to fix that? I'm using Brine 7.0.

Link to post
  • 2 weeks later...

@Alan-Squareflair I did this and it worked for single day event. But, what if we have also multiple days event ? For example we have an event which continues for 3 days, what should we do for that? Please help!

image_2021-03-17_234727.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...