Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Bmo567
Go to solution Solved by paul2009,

Question

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:

2120657467_ScreenShot2019-11-14at9_39_24AM.thumb.png.e74db48e36fce655f4270c37d142e697.png

Link to post
  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

It should be possible to remove the pagination by adding this to Custom CSS: section.item-pagination.item-pagination--prev-next {   display: none; } If you find that it doesn't, please provide

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

Posted Images

9 answers to this question

Recommended Posts

  • 1

It should be possible to remove the pagination by adding this to Custom CSS:

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

If you find that it doesn't, please provide a working link to the page on your site.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

Link to post
  • 1

This work perfectly for me on 7.1

 

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

 

Link to post
  • 0

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.

Link to post
  • 0
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>

Link to post
  • 0
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.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...