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

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

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

Share this post


Link to post

5 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
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 1

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

Share this post


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.

Share this post


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>

Share this post


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...