Just getting started with Squarespace CSS? Awesome! 😍 I want to teach you the basics – grab my free Getting Started Guide here 👉 https://insidethesquare.co/learn
—
This tutorial will teach you how to hide the pagination on a project in Squarespace 7.1
Pagination is the text at the bottom of an individual project that displays the title of the previous and next projects along with big arrow icons.
A few things to note before you use the codes below:
✨ This is specific for portfolios in version 7.1 and wont work for older versions of Squarespace like Brine & Bedford sites built on version 7.
👩🏼💻You can install this code on a single project page using a code block in a page section. The video will show you exactly how to install it that way, placing the code between two style brackets. If you are on a personal subscription plan, you can install this in custom CSS, but this is the only way to install this code for a single project on your Squarespace site.
🤔 If you are not sure if you want to build a blog with posts or a portfolio with projects, check out this video explaining the difference between the two types of collection pages: https://youtu.be/zWwb4esEFh4
Here are the code from the tutorial:
Here are the codes from this tutorial:
Hide both links:
.item-pagination-link{display:none}
Hide the text, leave the arrows:
.pagination-title-wrapper {display:none}
Hide the arrows, leave the text:
.item-pagination-icon{display:none}
Want to isolate one link at a time? Try these codes!
Hide only the left link:
.item-pagination-link–prev {display:none}
Hide only the right link:
.item-pagination-link–next{display:none}
👉 To learn more about the differences and similarities between blogs and a portfolio of projects in Squarespace, visit https://insidethesquare.co/blog-vs-portfolio
—
🤩 Want over 60+ pages of custom codes & pro tips specifically for customizing Squarespace? Download my CSS Cheat Sheet, available now at 👉 https://insidethesquare.co/css
—
🥳 Ready to launch ? Use the code PARTNER10 for 10% off (affiliate code): https://insidethesquare.co/partner10 ❤️
—
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
—
The term “Squarespace” is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
—
#squarespace #squarespacetricks #squarespacehacks #squarespacetips #squarespacetutorial #squaresapcesite #squarespacedesign #learnsquarespace
