Customize Blog Pagination Text in Squarespace

Learn how to change the default "Older" and "Newer" post labels in Squarespace with custom text using CSS:

Copy Code

/* Rename Pagination Text */
    /* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "UPDATE PREVIOUS TEXT HERE";
}
/* Older posts */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "UPDATE NEXT TEXT HERE";
      }
}