Change text of "previous and next" and date notation on blogpage

Site URL: https://purple-ocelot-m5c6.squarespace.com/config/pages

Hey all,

I'm looking for the custom css injection to change the english text 'previous' and 'next' to the dutch text 'vorige' and 'volgende' on the blogpage to skip to next and previous blog item. So, previous = vorige, next = volgende.

And I would also like to adjust the english month names beneath the blog title to the dutch month names, or, display the date on the dutch way like 23-03-2021 if that's easier.

Could someone help me out with this? Thanks in advance!

On 3/23/2021 at 8:29 PM, StudioMoost said:

Site URL: https://purple-ocelot-m5c6.squarespace.com/config/pages

Hey all,

I'm looking for the custom css injection to change the english text 'previous' and 'next' to the dutch text 'vorige' and 'volgende' on the blogpage to skip to next and previous blog item. So, previous = vorige, next = volgende.

And I would also like to adjust the english month names beneath the blog title to the dutch month names, or, display the date on the dutch way like 23-03-2021 if that's easier.

Could someone help me out with this? Thanks in advance!

 

 

Could you mind to show one blog page url? they are in Dutch so I can not find one

Of course, here it is:

https://opgroeieninamsterdam.nl/nieuws

Password: ChangeDate2021

Thanks in advance!

1 hour ago, StudioMoost said:

Of course, here it is:

https://opgroeieninamsterdam.nl/nieuws

Password: ChangeDate2021

Thanks in advance!

Sorry can not find the text on the page

Ooops, sorry! I only had one news/blogitem online. I've added a couple items so 'prev' and 'next' are visible.

https://opgroeieninamsterdam.nl/nieuws/testbericht

1 hour ago, StudioMoost said:

Ooops, sorry! I only had one news/blogitem online. I've added a couple items so 'prev' and 'next' are visible.

https://opgroeieninamsterdam.nl/nieuws/testbericht

 

 

For next/prev button you can use this custom css

.BlogItem-pagination-link-label {
  visibility: hidden;
  position: relative;
}
.BlogItem-pagination-link--next .BlogItem-pagination-link-label:after {
  content: 'Volgende';
  visibility: visible;
  position: absolute;
  right: 0;
}
.BlogItem-pagination-link--prev .BlogItem-pagination-link-label:after {
  content: 'Vorige';
  visibility: visible;
  position: absolute;
  left: 0;
}

For the date format update, copy the snippet in this answer to the Settings->advanced->Code injection->Footer

Blog collection page - move metadata to bottom + reformat date (7.1) - Coding and Customization - Squarespace Forum

Update dateformat to "dd-mm-yyyy" to match your format

Thank you so much! The previous and next translation works perfectly!

But is there another way to change the date format since I can't place the code injection in the footer because thats a premium feature?

Thanks for your effort 🙂

2 hours ago, StudioMoost said:

Thank you so much! The previous and next translation works perfectly!

But is there another way to change the date format since I can't place the code injection in the footer because thats a premium feature?

 

Thanks for your effort 🙂

It require javascript, if your plan not supported, I can not help

Ok, thanks for your effort!