Jump to content

Edit or Remove "Older Posts"/"Newer Posts" on Blog Navigation

Go to solution Solved by Beyondspace,

Recommended Posts

I am using a blog on my site to create a custom course and do not want "Older Posts" and "Newer Posts" to show up at the bottom of the page. I would like to either have only the arrows or change the wording to simply "Next" and "Previous." I know this is possible as I have seen others have success in other forums, but none of the code has worked for me. Any help with this would be greatly appreciated! 

https://www.alive.productions/otsessions

Edited by adamdaviskyh
Link to comment
  • Solution
9 hours ago, adamdaviskyh said:

I am using a blog on my site to create a custom course and do not want "Older Posts" and "Newer Posts" to show up at the bottom of the page. I would like to either have only the arrows or change the wording to simply "Next" and "Previous." I know this is possible as I have seen others have success in other forums, but none of the code has worked for me. Any help with this would be greatly appreciated! 

https://www.alive.productions/otsessions

Try adding to Home > Design > Custom Css

.blog-list-pagination .newer a:after {
  content:'Next'; 
}

.blog-list-pagination .older a:before {
  content:'Previous';

}

.blog-list-pagination a span {
  display: none;
}

Support me by pressing 👍  or marking as solution if this useful for you

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

My testing

image.png.ed09b870e3886e506431579fe0c38a73.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
7 hours ago, Beyondspace said:

Try adding to Home > Design > Custom Css

.blog-list-pagination .newer a:after {
  content:'Next'; 
}

.blog-list-pagination .older a:before {
  content:'Previous';

}

.blog-list-pagination a span {
  display: none;
}

Support me by pressing 👍  or marking as solution if this useful for you

That did not seem to work for me for whatever reason...I copied and pasted it exactly as it appears above and the label remain the same. What could I be missing? @Beyondspace

Edited by adamdaviskyh
Link to comment

Can you take screenshots where you put my code?

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
9 minutes ago, adamdaviskyh said:

@Beyondspace Here you can see the code pasted into Custom CSS and the wording remaining the same on the preview of the page after hitting save and refreshing.

Screenshot 2022-11-18 at 10.01.56 AM.png

It looks like you have another code above mine, right? Can you show them?

image.thumb.png.ab77579931db8c262c71a62b8553e6d4.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
Just now, adamdaviskyh said:

@Beyondspace Yes, I do. This is some custom code that allows me to have different logos appear on different pages of my site: 

Screenshot 2022-11-18 at 10.15.24 AM.png

They are just links for images you upload on your site. Can you try deleting them and check my code again?

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

Create an account or sign in to comment

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

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