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

  1. Select edit on the top left-hand side of your website preview.

  2. Click the add block option on a page section, or the plus sign inside classic editor.*

  3. Select the calendar option form the list of content blocks.

  4. Double click on the block to edit the content, or select the pencil icon.

  5.  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.

Featured
How to create a horizontal timeline in Squarespace

Timelines are a popular design choice for all kinds of websites, but Squarespace doesn’t have that feature built into their program. Luckily, this tutorial will teach you how to make your own using a list section in Squarespace 7.1 and a little bit of custom CSS!

Read More →
How to customize a calendar in Squarespace

Calendar blocks can display blog posts, products, images, and events that are scheduled or have already happened. There are not many options for customizing the look of this Calendar in Squarespace, but with the codes in this video, you’ll be able to update a calendar block with colors, borders, and more!

Read More →

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.

LEARN MORE →

Squarespace Support Article

Learn more from the official Squarespace support blog

Squarespace

made simple

Get all the info you need to confidently

launch your Squarespace website ASAP.

Previous

Button Block
Next

Chart Block