How replace "Older Posts >" in 7.1 ?

Hello all,

im have a question for Squarespace 7.1, how i can change / replace the text ""Older Posts >" in Blog to "Next Page"?

Thanks for help ;)

Best, dake

Can you share link to an example post? Some CSS can solve this

Ok, sounds its works only with CSS! So i use the personal Plan, to add CSS i need to upgrade to Business, Correct?

Thanks

3 minutes ago, dake said:

Ok, sounds its works only with CSS! So i use the personal Plan, to add CSS i need to upgrade to Business, Correct?

Thanks

CSS can work in Personal Plan.

Hello,

im mean this under the blog layout to next page.

How to change "Older Posts >" and "< Latest Posts" to "Next Page" ?

Thanks

Can you share link to an example post on your site or on SS 7.1 template? Some CSS can solve this

Hello,

i cant send a link because i testing 7.1 on a trial and its not live.

If you have for example 9 blog posts on one site and you will go to the next page you see this unter the blog site (bottom right)

Thanks

You can setup password & share url.

hello,

oh yes, dont know this.

https://bugle-gopher-kkyj.squarespace.com

Pass: 12345

Add to Home > Design > Custom CSS

/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "New prev text";
}
/* Older posts */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "new next text";
}

Awesome this works perfect 😉

Thank you so much.

One other question: is it also possible to change the spacing between all elements in 7.1? I cant find anything

like between this to images and button, there is a space between but i need it more closer together

https://bugle-gopher-kkyj.squarespace.com/blog/meditation-and-mindfulness-ktmns

Again, big thank 🙂

Add to Home > Design > Custom CSS

/* remove padding all blocks */
.sqs-block {
    padding-bottom: 5px;
    padding-top: 5px;
}

Thanks. You are awesome 😉

But I meant the space between the left and right image "horizontal space" 

🤗

/* remove padding all blocks */
.sqs-block {
   padding: 5px !important;
}

Yes, that it 🙂 Big Thanks

the " new next text" doesn't show when using this code - I can only see  a cursor >  

On 12/7/2021 at 7:52 PM, Knnected said:

the " new next text" doesn't show when using this code - I can only see  a cursor >  

Can you share link to page where you have problem? We can help easier

On 3/12/2020 at 8:19 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* Newer posts */
nav.blog-list-pagination .prev-label {
    visibility: hidden;
}
nav.blog-list-pagination .prev-label:before {
    visibility: visible;
    content: "New prev text";
}
/* Older posts */
nav.blog-list-pagination .next-label {
    visibility: hidden;
}
nav.blog-list-pagination .next-label:after {
    visibility: visible;
    content: "new next text";
}

I found this code works better FYI...

// Blog Pagination - Rename Older Poster & Newer Posts text
.blog-list-pagination {
  font-size: 0rem;
}
// Newer posts
.blog-list-pagination .prev-label:after {
  display: none;
}
.blog-list-pagination .prev-label:before {
  content: "Next";
  font-size: 1rem;
}
// Older posts
.blog-list-pagination .next-label:after {
  display: none;
}
.blog-list-pagination .next-label:before {
  content: "Previous";
  font-size: 1rem;
}

Hi there,

In Squarespace 7.1 I want to change the size of the "Older Posts" link that appears with the use of the Blog Grid. 

Is there a good code to use for this in CSS? Thanks

Same question for also for the "Newer Posts" Link.

4 hours ago, theloopylace said:

In Squarespace 7.1 I want to change the size of the "Older Posts" link that appears with the use of the Blog Grid.

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Yes thank you. Here is the page. https://www.thebalancebud.com/home-design-decor

On 4/28/2022 at 1:07 AM, lgwebdesign said:

I found this code works better FYI...

// Blog Pagination - Rename Older Poster & Newer Posts text
.blog-list-pagination {
  font-size: 0rem;
}
// Newer posts
.blog-list-pagination .prev-label:after {
  display: none;
}
.blog-list-pagination .prev-label:before {
  content: "Next";
  font-size: 1rem;
}
// Older posts
.blog-list-pagination .next-label:after {
  display: none;
}
.blog-list-pagination .next-label:before {
  content: "Previous";
  font-size: 1rem;
}

Thank you, this works at me fine!!!

Could you assist, how to center this text now? text-align: center; didn't worked.
And how can I change the space between this text and the blog post list?
See screenshot.
Thank you very much!

On 4/19/2023 at 3:52 AM, Matt-W-Urst said:

Thank you, this works at me fine!!!

Could you assist, how to center this text now? text-align: center; didn't worked.
And how can I change the space between this text and the blog post list?
See screenshot.
Thank you very much!

Can you share link to this page? We can check easier

On 4/20/2023 at 2:12 AM, tuanphan said:

Can you share link to this page? We can check easier

sure, thank you!
echidna-flugelhorn-5ybf.squarespace.com (pw: try)