Jump to content

Brine: modify pagination tags on blog

Recommended Posts

Hello,

I would like to change the text of the navigation tags in my blog. The template is Clay, of the Brine family. 

The page is in spanish in case that’s relevant.

The current tags are the following and I would like to reverse them.

0F24EF2C-3AC5-4F62-BE16-4FAEDF5B2E82.thumb.png.724e4f564881ed4c5b04edb672b76ec2.png

I have tried some solutions found online but without success.


Thank you very much!

 

 

 

 

Edited by TCoaN
Link to comment
  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

I finally managed to solve it.

I put here the code I used in case it can be of some use to somebody.

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

 

Hope it can be of some use to somebody!

Link to comment
  • 5 weeks later...

Thank you big time! I've been looking into doing this with some jquiry, your approach saved me some time!!

Do you by any chance have an idea of how to actually switch the direction of the posts? So basically 'NEXT' would be on the other side, meaning not only changing the text but the blog posts order as well. So when clicking on the right side you'd be going to a newer (by date) post and when clicking on the left side going to an older post.

 

Maany thanks

Link to comment
  • 2 years later...
  • 1 year later...

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.