Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1
SacredEcology

How do you add text pagination to blog section in 7.1?

Question

Does anyone know how to add text (ie: "next" and "previous") and page numbers to the pagination of the blog section, using CSS on v7.1?  Otherwise the small arrows are barely noticeable.

Thanks!

Edited by SacredEcology

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 1

If I've understood you correctly, this will do the trick, play around to your spec of sizes etc:

a.item-pagination-link.item-pagination-link--prev .pagination-title-wrapper:before {
  content: "Previous";
  font-size: 22px;
  display:block;
}
a.item-pagination-link.item-pagination-link--next .pagination-title-wrapper:before {
  content: "Next";
  font-size: 22px;
    display:block;
}

 


Hi 👋 I'm a Squarespace Expert Member, Circle Member & only Squarespace Authorised Trainer in Scotland. 

Hit the little 👍 if I've helped. Need help? Get in touch.

Share this post


Link to post
  • 0

Thanks, Mary!

This worked for me in SS 7.1, once I swapped the "Previous" and "Next" text. It puts the link to the "Next" post on the left and the "Previous" post on the right, which looks backwards to me.

9 hours ago, MaryPhilip_ said:

If I've understood you correctly, this will do the trick, play around to your spec of sizes etc:


a.item-pagination-link.item-pagination-link--prev .pagination-title-wrapper:before {
  content: "Previous";
  font-size: 22px;
  display:block;
}
a.item-pagination-link.item-pagination-link--next .pagination-title-wrapper:before {
  content: "Next";
  font-size: 22px;
    display:block;
}

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...