Blog

How do I change the blog post title size in Squarespace?

Blog post titles on the listing page and on individual post pages use different selectors. The listing page uses .blog-title and the individual post uses .entry-title or the heading inside .blog-item-content.

Set responsive sizes so titles aren't comically large on mobile. A clamp() function or media query handles this cleanly.

/* Blog listing page titles */
.blog-title,
.blog-collection .blog-title a {
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* Individual blog post title */
.blog-item-content h1.entry-title {
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

Find more blog CSS snippets in our CSS CheatsheetTry it free →

Related Questions

How do I add a sidebar to my Squarespace blog?

How do I hide the date on blog posts in Squarespace?

How do I style blog category tags in Squarespace?

How do I style the Read More link on blog posts in Squarespace?

A little over your head?

No shame — this stuff is hard. Let the pros handle it.

Talk to Long Drive Marketing →