Jump to content

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

Recommended Posts

  • 2 weeks later...
  • Replies 6
  • Views 2.6k
  • Created
  • Last Reply

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. Check out my portfolio at Mary Philip.

Hit the little 👍 if I've helped.

Link to comment

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;
}

 

Link to comment
  • 9 months later...
7 hours ago, ilseS said:

I have the same question but slightly different issue -the arrows on my site (blog page) are huge, and don't change to correspond to text size ...I cant figure out what's wrong 

Can you share link to blog page? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.