How to add custom labels to your blog pagination // Customize Squarespace Blog Tutorial
If you are using Squarespace for your blog, you might have noticed that the Previous and Next links that appear in your blog posts are pretty generic. While they serve their purpose of guiding readers through your archives, they do not add any personality or brand identity to your navigation. But what if you could change that? What if you could add custom labels to the Previous and Next links, making them unique and memorable? Well, good news! You can, and this tutorial video will teach you how.
- - -
Brand new to CSS? Check out my free intro class at https://insidethsquare.co/learn
- - -
Here are the codes we used in the video. Be sure to change the example text to your own, and add any font style changes that you want to see so it matches the rest of your site.
/* Text before the previous blog title */
.item-pagination-link--prev .item-pagination-title:before {
content:" PREVIOUS \A"!important;
white-space:pre;
font-size: 1rem
}
/* Text before the next blog title */
.item-pagination-link--next .item-pagination-title:before {
content:"NEXT \A"!important;
white-space:pre;
font-size: 1rem
}
How to install this code:
If you want this to happen on every blog post on your website, paste your code in your main file. Navigate to Design and then select Custom CSS. If you already have code there, that’s okay! Add this to a new line under your existing code.
If you want to add it to all of the posts on a specific blog, click on the gear next to the blog title, and select the Advanced menu option. Here you can paste the code under the Post Item Code Injection between two style brackets. To add it projects inside a portfolio, click on the gear icon next to the portfolio name to access the portfolio settings. Click on advanced and paste the code there, again using style brackets.
I have a few other tutorials on how to customize your blog available on my website! Here are some links to check them out:
How to customize your Squarespace blog navigation links:
https://insidethesquare.co/squarespac...
How to Customize Category Links in Squarespace:
https://insidethesquare.co/squarespac...
- - -
❤️ Like this tutorial? Buy me a coffee to say thanks! ☕ https://buymeacoffee.com/insidethesquare
- - -
⭐ NEW: List of my top 7 FREE Squarespace tutorials: https://insidethesquare.co/top7
📑 Download my collection of CSS codes for Squarespace at https://insidethesquare.co/css
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
- - -
💻 WEBSITE → https://insidethesquare.co
📧 NEWSLETTER → https://insidethesquare.co/email
🤳 INSTAGRAM → / thinkinsidethesquare
👍 FACEBOOK → / insidethesquare
📌 PINTEREST → / insidethesquare
- - -
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10
- - -
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 ♥
Смотрите видео How to add custom labels to your blog pagination // Customize Squarespace Blog Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь InsideTheSquare with Becca Harpain 11 Апрель 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,612 раз и оно понравилось 36 людям.