Jump to content

Customising pagination labels on blog posts

Recommended Posts

Found this by @TCoaN and it worked a treat.

.BlogItem-pagination-link--prev .BlogItem-pagination-link-label {
visibility: hidden;
position: relative;
}

.BlogItem-pagination-link--prev .BlogItem-pagination-link-label:after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: "The new word that you want to use instead of previous";
}

.BlogItem-pagination-link--next .BlogItem-pagination-link-label {
visibility: hidden;
position: relative;
}

.BlogItem-pagination-link--next .BlogItem-pagination-link-label:after {
visibility: visible;
position: relative;
top: 0px;
left: 0;
content: "the new word instead of next";
}
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.