Jump to content

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

Recommended Posts

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!

 

 

Link to comment
  • Replies 8
  • Views 837
  • Created
  • Last Reply
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

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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

image.thumb.png.170b8ea35c58be346b5cbca704217707.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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

image.thumb.png.5b98880a96a1cdbf169bd136435f22b2.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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.