How to add a timezone to your Squarespace events

This super quick Squarespace code tutorial will show you how to add a time zone after the time listed for events in your Squarespace website The time zone will be displayed on the events list AND the individual events page - anywhere time is listed for that event will have the text added to the end of it.

Important update: Squarespace made changes to the program menu in May 2025. If your menu looks different than the video, press the / key to open the program search and search for Custom CSS to navigate there directly.

 

Here is the code from this tutorial. Make sure you update the PST part of the code for your time zone!

.event-time-localized:after{
content:" PST"
}
 
insidethesquare

Squarespace Circle Leader & Creator of InsideTheSquare.co

https://insidethesquare.co
Previous
Previous

Creative codes for custom event lists in Squarespace

Next
Next

How to create a colorful Squarespace blog post background