Jump to content

Changing blog post pagination in Squarespace from Previous/Next

Recommended Posts

Site URL: https://www.isabelhagen.com/episode-list/6b

Hello,

Looking to change the "Previous/Next" navigation to "Newer/Older", in that order. Using York theme. No CSS I am finding works 😞 Most CSS has not made any effect. However, trying this

Quote

.BlogItem-pagination-link--prev
{display: none;}
.BlogItem-pagination-link--next
{display: none;}

eliminated the links altogether, but couldn't figure out the right tweak to just change the text. Having the title of the blog post (in this case podcast title) is still desired.

Thank you!!!!

Link to comment
  • 3 months later...

Anyone up for changing the blog pagination for template Forte? :-)

URL: https://biosis.dk/feed

Instead of "Older" I would like it to say "Continue".
Here's what I have under Code Injections > Header:

<!-- Blog Pagination -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
 $(document).ready(function() {
 var text = $('.pagination').html();
 text = text.replace('Prev', 'Continue');
 text = text.replace('Continue', 'Newer');
 $('.pagination').html(text);
});
</script>

Thanks :-)

Link to comment
On 2/2/2021 at 6:41 PM, nonconfinia said:

Anyone up for changing the blog pagination for template Forte? :-)

URL: https://biosis.dk/feed

Instead of "Older" I would like it to say "Continue".
Here's what I have under Code Injections > Header:


<!-- Blog Pagination -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
 $(document).ready(function() {
 var text = $('.pagination').html();
 text = text.replace('Prev', 'Continue');
 text = text.replace('Continue', 'Newer');
 $('.pagination').html(text);
});
</script>

Thanks :-)

I think You can replace Prev with Older?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.