A Beginner’s Guide to Squarespace Calendar Blocks
A Squarespace calendar block can be used to display your events, blog posts, products, or even photos on a page in your Squarespace site.
Calendar blocks are perfect for displaying content in a visual way, but they can't be used for booking appointments.
You can use the calendar block to add details to date specific content, like descriptions and images to your events, blog posts, or products.
Calendar blocks are designed to be responsive, which means the size and layout will adjust automatically to make sure your calendar looks great on all screen sizes.
How to add a calendar block to Squarespace
Select edit on the top left-hand side of your website preview.
Click the add block option on a page section, or the plus sign inside classic editor.*
Select the calendar option form the list of content blocks.
Double click on the block to edit the content, or select the pencil icon.
Select a collection to display. Calendar blocks are designed to work with event pages, but they can also display content from blogs and stores with products.
*Classic editor is used by blog posts, additional product details, individual events, and sites built on version 7.0 Learn more inside Squarespace Made Simple*
What you can customize about the calendar block using Squarespace
Calendar block fonts will be updated to match the paragraph font family that is assigned in your site style menu.
Calendar block font sizes and colors can not be customized using any design menu in Squarespace at this time.
Vertical alignment for calendar blocks can be assigned in a fluid engine section. The calendar block will always stretch to fill the content block horizontally.
What you can customize about the calendar block design using CSS
CSS stands for Cascading Style Sheet and it’s a special type of code that you can use to customize Squarespace. Squarespace designers use custom CSS when the design menu has limited options.
Calendar blocks are designed to match the basic style of your site, and these tutorials will teach you how to use custom CSS to make them unique.
Where you can learn more about Squarespace calendar blocks
Squarespace Made Simple
This mini course for beginners will teach you how to create your first Squarespace website. Lesson seven includes information about content blocks.
Squarespace Support Article
Learn more from the official Squarespace support blog