How to update Summary Block Title - Squarespace 7.1

If you use Summary Blocks to show blog posts, projects, or events, you may want the title to change based on the content inside it.

Squarespace doesn’t offer this by default, but you can handle it with a small snippet of CSS. This guide shows you how to set it up and keep things clean.

Why use variables?

Variables let you pull text from your Site Styles, which means you don’t have to update the title if the fonts go and change. In this example i’ve suggested we use the Header font style.

---

Code:

Add this to your Custom CSS

  .summary-title,
  .summary-title-link {
    font-family: var(--heading-font-font-family) !important;
    font-weight: var(--heading-font-weight) !important;
    font-style: var(--heading-font-style) !important;
    letter-spacing: var(--heading-letter-spacing) !important;
    text-transform: var(--heading-text-transform) !important;
  }