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 →
