How do I remove previous / next links in the new Squarespace 7.1 blog posts?

I've been able to hide the written portion via fonts in the Design tab, but the arrows still show. How can I hide the entire pagination item on blog posts via Custom CSS?

Example image below:

I've tried:

blog-item-pagination-title{
   display: none;
}

blog-item-pagination-prev-next {
   display: none;
}

item-pagination-title{
   display: none;
}

item-pagination-prev-next {
   display: none;
}

None of these work.

I did the following and it worked.

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

On 11/14/2019 at 4:04 PM, Bmo567 said:

I've tried:

blog-item-pagination-title{
   display: none;
}

blog-item-pagination-prev-next {
   display: none;
}

item-pagination-title{
   display: none;
}

item-pagination-prev-next {
   display: none;
}

 

None of these work.

Try this

<style>
  .BlogItem-pagination.clear {visibility:hidden !important;}
</style>

I used this on my 7.1 site and it seems to have done the job:

.item-pagination {
  display:none !important;
}

Worked for me but not sure if it would work for others

This work perfectly for me on 7.1

 

.pagination-title-wrapper{
  display:none;
}
.item-pagination-icon{
  display:none;
}

Hello,

I'm hoping to make the pagination smaller - has anyone achieved this?

Thanks!

On 9/23/2020 at 11:17 PM, GeorginaJoan said:

Hello,

 

I'm hoping to make the pagination smaller - has anyone achieved this?

 

Thanks!

If you share link to blog post. We can help easier.

I used the code below and it removed the pagination, but now the code is visible in the blog post. How can I fix this?

.pagination-title-wrapper{
  display:none;
}
.item-pagination-icon{
  display:none;
}

On 1/15/2021 at 12:20 AM, omadmin said:

I used the code below and it removed the pagination, but now the code is visible in the blog post. How can I fix this?

.pagination-title-wrapper{
  display:none;
}
.item-pagination-icon{
  display:none;
}

Can you share your site url? 

Or try adding code to DESIGN > CUSTOM CSS

On 7/14/2020 at 10:32 PM, Edm said:

This work perfectly for me on 7.1

 

.pagination-title-wrapper{
  display:none;
}
.item-pagination-icon{
  display:none;
}

 

This worked great - thank you!

does this also work on product pages? I dont want to show the previous and next products. It's totally out of context and looks like a broken part of my page. 

Thanks

On 10/13/2021 at 5:55 AM, NorthCoastNZ said:

does this also work on product pages? I dont want to show the previous and next products. It's totally out of context and looks like a broken part of my page. 

Thanks

 

Can you share link to a product? We can help easier

all good, they seem to have magically disappeared, not sure how i got rid of them. phew! thanks though

I made a tutorial here https://parisconstantinou.com/remove-previous-next-buttons-on-squarespace-blog/ but I see its already answered 😀

@tuanphan would you be so kind and help me out for this blog:
URL: https://www.africa.faithdrivenentrepreneur.org/bios
pw: africa22

I am trying to remove the "previous blog" and "next blog" at the bottom of the page.
I have tried injecting the various code here in this thread (both into Custom CSS and the header code of the page) with no success.

Thanks in advance!

2 hours ago, FDEFDI said:

I am trying to remove the "previous blog" and "next blog" at the bottom of the page.

If you are trying to remove the prev/next links on individual bio pages like the screenshot above, the accepted answer in this thread should work for you (see above).

If you are trying to hide something different, please provide more details, including a screenshot if possible.

Was this post helpful? Please give feedback by clicking an icon below  ⬇️