Replacing titles with "previous" and "next" in blog pagination

andrewwww · March 3

This is what shows at the bottom of my posts. Is there a way I can show "previous" and "next" instead of the titles?

Ziggy · March 3

Yes, this is possible, can you share your website URL? Thanks!

andrewwww · March 3

pw: coverstory

This is the page: https://www.tournamentofbooks.com/the-2023-tournament-of-books/fxavji1tzzi74f0jlyyc6epwbtbzyp-hhwhn-cek7n-pmcr8-zme3g-93w94-npz7e-hphsz-zwcw4-k24zc

Edited March 3 by andrewwww

Ziggy · March 3

Try using this Custom CSS:

.item-pagination-link--prev {
  .item-pagination-title {
    display:none;
  }
  .pagination-title-wrapper:after {
    content:'Previous';
  }
}
.item-pagination-link--next {
  .item-pagination-title {
    display:none;
  }
  .pagination-title-wrapper:after {
    content:'Next';
  }
}

I guess you are going to fix the auto-generated titles and URLs that are created when you duplicate a blog, but in case you're not aware of that issue, I thought I would point that out to be helpful.

andrewwww · March 3

This is perfect, thank you so much! And thanks also for the reminder to fix my post titles and URLs. They're a real mess right now!

Ziggy · March 3

Just now, andrewwww said:

They're a real mess right now!

I understand, I've been there, but 5x (copy) on the end of one blog did make me chuckle!

Replacing titles with "previous" and "next" in blog pagination

Recommended Posts

andrewwww

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy

andrewwww

Ziggy

Posted Images

Ziggy

Link to comment

andrewwww

Link to comment

Ziggy

Link to comment

andrewwww

Link to comment

Ziggy

Link to comment

Create an account or sign in to comment

News

Ziggy

andrewwww

Ziggy

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources