Skip to content
All Answers
Blog

How do I style blog pagination on Squarespace?

Squarespace 7.1 blog pages use .BlogList-pagination for the older/newer post navigation at the bottom of the blog listing. The links are minimal by default.

Style the pagination links as buttons with clear backgrounds and hover states. Add spacing and visual weight so readers can easily navigate between pages of content.

.BlogList-pagination {
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 40px 0;
  border-top: 1px solid #eee;
}
.BlogList-pagination-link {
  display: inline-block;
  padding: 10px 24px;
  border: 2px solid #111;
  color: #111;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: background 0.2s ease, color 0.2s ease;
}
.BlogList-pagination-link:hover {
  background: #111;
  color: #fff;
}
Enhance your blog with our Blog Sidebar toolTry it free →

Related Questions

Blog

How do I add a sidebar to my Squarespace blog?

Blog

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

Blog

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

Blog

How do I style blog category tags in Squarespace?

A little over your head?

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

Long Drive MarketingTalk to Long Drive Marketing →